# Configuration

## Basic configuration

***

### Logo type

**Field type**:\
Select

**Available values**:\
• Image logo (default)\
• Text logo

**Example value**:\
`Image logo (default)`

**Path to the configuration**:\
Tab "Header" => Block "Logo" => Section "Basic configuration"

**Technical name**:\
`twt-header-logo-type`

## Image logo

***

### Width

**Field type**:\
Text field

**Example value**:\
`220`

**Path to the configuration**:\
Tab "Header" => Block "Logo" => Section "Image logo"

**Technical name**:\
`twt-header-logo-width`

{% hint style="info" %}
Enter the desired maximum width of the logo in pixels.

**Tip**: This value should not be higher than the actual width of the image.
{% endhint %}

***

### Height

**Field type**:\
Text field

**Example value**:\
`auto`

**Path to the configuration**:\
Tab "Header" => Block "Logo" => Section "Image logo"

**Technical name**:\
`twt-header-logo-height`

***

### Margin top @Desktop (≥992px)

**Field type**:\
Number field

**Example value**:\
`0`

**Path to the configuration**:\
Tab "Header" => Block "Logo" => Section "Image logo"

**Technical name**:\
`twt-header-logo-margin-top`

***

### Hover effect

**Field type**:\
Select

**Available values**:\
• no effect\
• reduce opacity

**Example value**:\
`reduce opacity`

**Path to the configuration**:\
Tab "Header" => Block "Logo" => Section "Image logo"

**Technical name**:\
`twt-header-logo-hover-type`

## Text logo

***

### Logo text

**Field type**:\
Text field

**Example value**:\
`ThemeWare`

**Path to the configuration**:\
Tab "Header" => Block "Logo" => Section "Text logo"

**Technical name**:\
`twt-textlogo-content`

***

### Text colour

**Field type**:\
Color picker

**Example value**:\
`#333333`

**Path to the configuration**:\
Tab "Header" => Block "Logo" => Section "Text logo"

**Technical name**:\
`twt-textlogo-fill`

***

### Font family

**Field type**:\
Select

**Available values**:\
• Text\
• Headlines

**Example value**:\
`Text`

**Path to the configuration**:\
Tab "Header" => Block "Logo" => Section "Text logo"

**Technical name**:\
`twt-textlogo-font-family`

***

### Font size

**Field type**:\
Number field

**Example value**:\
`24`

**Path to the configuration**:\
Tab "Header" => Block "Logo" => Section "Text logo"

**Technical name**:\
`twt-textlogo-font-size`

***

### Font weight

**Field type**:\
Select

**Available values**:\
• light\
• normal\
• bold

**Example value**:\
`bold`

**Path to the configuration**:\
Tab "Header" => Block "Logo" => Section "Text logo"

**Technical name**:\
`twt-textlogo-font-weight`