> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/manual/sidebar/sidebar-widgets/configuration.md).

# Configuration

## Basic configuration

***

### Layout type (Content)

**Field type**:\
Select

**Available values**:\
• boxed\
• clean

**Example value**:\
`boxed`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Basic configuration"

**Technical name**:\
`twt-sidebar-block-content-layout-type`

***

### Margin top (Upper block)

**Field type**:\
Number field

**Example value**:\
`20`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Basic configuration"

**Technical name**:\
`twt-sidebar-block-upper-section-margin-top`

***

### Margin bottom (Upper block)

**Field type**:\
Number field

**Example value**:\
`30`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Basic configuration"

**Technical name**:\
`twt-sidebar-block-upper-section-margin-bottom`

***

### Margin top (Lower block)

**Field type**:\
Number field

**Example value**:\
`30`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Basic configuration"

**Technical name**:\
`twt-sidebar-block-lower-section-margin-top`

***

### Margin bottom (Lower block)

**Field type**:\
Number field

**Example value**:\
`30`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Basic configuration"

**Technical name**:\
`twt-sidebar-block-lower-section-margin-bottom`

## Colour configuration

***

### Text colour (Content)

**Field type**:\
Color picker

**Example value**:\
`#000000`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Colour configuration"

**Technical name**:\
`twt-sidebar-block-content-color`

***

### Background colour (Content)

**Field type**:\
Color picker

**Example value**:\
`#ffffff`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Colour configuration"

**Technical name**:\
`twt-sidebar-block-content-background-color`

## Sidebar elements

***

### Margin top

**Field type**:\
Number field

**Example value**:\
`0`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Sidebar elements"

**Technical name**:\
`twt-sidebar-block-container-padding-top`

***

### Margin right

**Field type**:\
Number field

**Example value**:\
`0`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Sidebar elements"

**Technical name**:\
`twt-sidebar-block-container-padding-right`

***

### Margin bottom

**Field type**:\
Number field

**Example value**:\
`0`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Sidebar elements"

**Technical name**:\
`twt-sidebar-block-container-padding-bottom`

***

### Margin left

**Field type**:\
Number field

**Example value**:\
`0`

**Path to the configuration**:\
Tab "Sidebar" => Block "Sidebar widgets" => Section "Sidebar elements"

**Technical name**:\
`twt-sidebar-block-container-padding-left`