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.

---

Link colour

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.

---

Link colour @hover

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.