Navigation

ThemeWare® Manual

Configuration

Colour configuration


Text colour

Field type:
Color picker

Example value:
#000000

Path to the configuration:
Tab "Layout" => Block "Dropdowns" => Section "Colour configuration"

Technical name:
twt-dropdown-color

Select the text colour in dropdown menus.

Note: Please note that selected dropdowns (e.g. in the header) have a separate configuration.


Field type:
Color picker

Example value:
#000000

Path to the configuration:
Tab "Layout" => Block "Dropdowns" => Section "Colour configuration"

Technical name:
twt-dropdown-link-color

Select the link colour in dropdown menus.

Note: Please note that selected dropdowns (e.g. in the header) have a separate configuration.


Field type:
Color picker

Example value:
$sw-color-brand-primary

Path to the configuration:
Tab "Layout" => Block "Dropdowns" => Section "Colour configuration"

Technical name:
twt-dropdown-link-color-hover

Select the link colour @hover in dropdown menus.

Note: Please note that selected dropdowns (e.g. in the header) have a separate configuration.


Border colour

Field type:
Color picker

Example value:
#e0e0e0

Path to the configuration:
Tab "Layout" => Block "Dropdowns" => Section "Colour configuration"

Technical name:
twt-dropdown-border-color

Select the border colour of dropdown menus.

Note: Please note that selected dropdowns (e.g. in the header) have a separate configuration.


Background colour

Field type:
Color picker

Example value:
#ffffff

Path to the configuration:
Tab "Layout" => Block "Dropdowns" => Section "Colour configuration"

Technical name:
twt-dropdown-background-color

Select the background colour of dropdown menus.

Note: Please note that selected dropdowns (e.g. in the header) have a separate configuration.

Drop shadow


Drop shadow

Field type:
Select

Available values:
• no shadow (default)
• ThemeWare® default
• Small shadow (Bootstrap)
• Regular shadow (Bootstrap)
• Larger shadow (Bootstrap)

Example value:
no shadow (default)

Path to the configuration:
Tab "Layout" => Block "Dropdowns" => Section "Drop shadow"

Technical name:
twt-dropdown-box-shadow-type

Select the drop shadow of dropdown menus.

Last updated on

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