> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/triumph/footer/footer.md).

# Footer

The Footer appears at the bottom of your store and is commonly used for navigation links, contact information, newsletter signup, social icons, and additional store details.

{% hint style="success" %}
The *Footer* supports additional content blocks, which can be added using the '**Add block**' button: [<mark style="color:$primary;">Contact info</mark>](/triumph/footer/footer/contact-info.md), [<mark style="color:$primary;">Content group</mark>](/triumph/footer/footer/content-group.md), [<mark style="color:$primary;">Empty column</mark>](/triumph/footer/footer/empty-column.md), [<mark style="color:$primary;">Follow on shop</mark>](/triumph/footer/footer/follow-on-shop.md), [<mark style="color:$primary;">Menu</mark>](/triumph/footer/footer/menu.md), [<mark style="color:$primary;">Newsletter signup</mark>](/triumph/footer/footer/newsletter-signup.md), and [<mark style="color:$primary;">Social media links</mark>](/triumph/footer/footer/social-media-links.md).
{% endhint %}

*Shared Settings*:

* [<mark style="color:$primary;">Section layout</mark>](/triumph/template/shared-settings/section-layout.md)
* [<mark style="color:$primary;">Section mobile layout</mark>](/triumph/template/shared-settings/section-mobile-layout.md)
* [<mark style="color:$primary;">Divider line</mark>](/triumph/template/shared-settings/divider-line.md)
* [<mark style="color:$primary;">Section background</mark>](/triumph/template/shared-settings/section-background.md)
* [<mark style="color:$primary;">Colors</mark>](#colors)

***

#### Colors

**Text**\
Applies to all the texts in the Footer.

**Accent**\
Sets the color of text rendered as links, except for the menu items.

**Line**\
Adjusts the color of decorative lines in the section.

**Collapse caret**\
Controls the color of the expandable section indicator.

**Collapse caret icon**\
Sets the color of the icon used for expanded and collapsed footer sections.

***

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FkMOFtM4E48OsjxWFuKSI%2Ffooter_desktop.png?alt=media&amp;token=bf223fe5-40fd-4762-8bfa-0898f1e0d187" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2F6nVSXoSG07gDPmmXhIVf%2Ffooter_mobile.png?alt=media&amp;token=9c0652f3-c38b-4d7d-8b5e-7040d29c1e59" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}
