Navigation

ThemeWare® Manual

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


Width

Field type:
Text field

Example value:
220

Path to the configuration:
Tab "Header" => Block "Logo" => Section "Logo type 'Image logo'"

Technical name:
twt-header-logo-width

Enter the desired maximum width of the logo in pixels.

Tip: This value should not be higher than the actual width of the image.


Height

Field type:
Text field

Example value:
auto

Path to the configuration:
Tab "Header" => Block "Logo" => Section "Logo type '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 "Logo type '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 "Logo type 'Image logo'"

Technical name:
twt-header-logo-hover-type


Logo text

Field type:
Text field

Example value:
ThemeWare

Path to the configuration:
Tab "Header" => Block "Logo" => Section "Logo type '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 "Logo type '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 "Logo type '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 "Logo type '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 "Logo type 'Text logo'"

Technical name:
twt-textlogo-font-weight

Last updated on

This page online: https://docs.themeware.design/manual/header/logo/configuration · ThemeWare® Service Portal, service.themeware.design