> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/manual/widgets/footer-navigation/configuration.md).

# 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`

{% hint style="info" %}
**Note**: This configuration relates to list-styles with markers.
{% endhint %}

## Colour configuration

***

### Link 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-link-color`

***

### Link colour @hover

**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`

{% hint style="info" %}
**Note**: This configuration relates to list-styles with markers.
{% endhint %}

***

### 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`

{% hint style="info" %}
**Note**: This configuration relates to "underlined" list-styles.
{% endhint %}

## 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`

***

### Underline links

**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`

{% hint style="info" %}
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".
{% endhint %}