Navigation

ThemeWare® Manual

Configuration

Basic configuration


List-style

Field type:
Select

Available values:
• default (clean)
• with a square marker
• underlined
• underlined & with a square marker

Example value:
with a square marker

Path to the configuration:
Tab "Widgets" => Block "Footer navigation" => Section "Basic configuration"

Technical name:
twt-footer-footernav-list-style


Padding left (list with marker)

Field type:
Number field

Example value:
17

Path to the configuration:
Tab "Widgets" => Block "Footer navigation" => Section "Basic configuration"

Technical name:
twt-footer-footernav-padding-left

Note: This configuration relates to list-styles with markers.

Colour configuration


Field type:
Color picker

Example value:
#111111

Path to the configuration:
Tab "Widgets" => Block "Footer navigation" => Section "Colour configuration"

Technical name:
twt-footer-footernav-link-color


Field type:
Color picker

Example value:
$twt-color-brand-primary-dark

Path to the configuration:
Tab "Widgets" => Block "Footer navigation" => Section "Colour configuration"

Technical name:
twt-footer-footernav-link-color-hover


Marker colour (list with marker)

Field type:
Color picker

Example value:
$twt-color-brand-primary-dark

Path to the configuration:
Tab "Widgets" => Block "Footer navigation" => Section "Colour configuration"

Technical name:
twt-footer-footernav-marker-color

Note: This configuration relates to list-styles with markers.


Border-bottom colour

Field type:
Color picker

Example value:
#111111

Path to the configuration:
Tab "Widgets" => Block "Footer navigation" => Section "Colour configuration"

Technical name:
twt-footer-footernav-border-bottom-color

Note: This configuration relates to "underlined" list-styles.

Typography


Text formatting

Field type:
Select

Available values:
• none
• uppercase
• lowercase
• capitalize

Example value:
none

Path to the configuration:
Tab "Widgets" => Block "Footer navigation" => Section "Typography"

Technical name:
twt-footer-footernav-text-transform


Field type:
Select

Available values:
• no
• yes

Example value:
no

Path to the configuration:
Tab "Widgets" => Block "Footer navigation" => Section "Typography"

Technical name:
twt-footer-footernav-link-underline

Underline footer navigation links so that clickable entries are clearly recognisable, thus improving accessibility.

Note: This configuration can be overwritten by the accessibility configuration "Underline links" in the Tab "Others" => Block "Accessibility" => Section "Layout".

Last updated on

This page online: https://docs.themeware.design/manual/widgets/footer-navigation/configuration · ThemeWare® Service Portal, service.themeware.design