---
description: How to customize footer in your store?
---

# Footer

## The footer appearance

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FJxG93pmpB2P10o0PKSJL%2Ffoooter.png?alt=media&#x26;token=47a9ebe1-6e57-4c9a-a6db-56a6e392f1a4" alt=""><figcaption></figcaption></figure>

## Section settings

| Settings                         | Description                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Page width**                   | <ul><li><strong>Boxed</strong>: With boxed width, page content can be displayed within the maximum width. <strong>The page width can be changed in Theme Settings > Layout.</strong></li></ul><ul><li><strong>Full width:</strong> With the "Full width" option, page content can be displayed in its entirety full-width. <strong>When you show content at full width, you can add padding to the left and right sides.</strong></li></ul> |
| **Background image**             | You can add a background image for the footer.                                                                                                                                                                                                                                                                                                                                                                                              |
| **Color scheme**                 | You can change color of the footer.                                                                                                                                                                                                                                                                                                                                                                                                         |
| **Desktop footer widget column** | You can change column of the footer widget                                                                                                                                                                                                                                                                                                                                                                                                  |
| **Copyright**                    | This is field to change copyright.                                                                                                                                                                                                                                                                                                                                                                                                          |

#### COUNTRY/REGION SELECTOR

| Settings                                 | Description                                |
| ---------------------------------------- | ------------------------------------------ |
| **Enable country/region selector**       | You can enable/disable it.                 |
| To add a country/region, see the details | [**Learn more**](#country-region-selector) |

#### LANGUAGE SELECTOR

| Settings                           | Description                                         |
| ---------------------------------- | --------------------------------------------------- |
| **Enable language selector**       | You can enable/disable it.                          |
| To add a language, see the details | [**Learn more**](../language-and-countries-regions) |

## PAYMENT ICONS

**Icons type -**

* Dynamic
* Manual

{% tabs %}
{% tab title="Dynamic" %}
You must enable payment in your store to use the dynamic icons. To add a payment provider, go to your **payment settings.**
{% endtab %}

{% tab title="Manual" %}
You must add icon names following this format, visa,master,paypal. Separate by ",". You can find more icon names here, [Payment icons list](https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-credit-card-icons)

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FKBkklOmSWakuOV3q0qmI%2Fpayment_icon.png?alt=media&#x26;token=fa331266-5239-4369-9746-7dbc202138cd" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## SECTION PADDING

| Settings                    | Description                                                                                                                          |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| **Desktop**: Padding top    | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the desktop.**    |
| **Desktop**: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the desktop.** |
| **Mobile**: Padding top     | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the mobile.**     |
| **Mobile**: Padding bottom  | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the mobile.**     |

## Footer block settings

<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FyvquU69PgSs1BSwukF3l%2Ffooter_blcoks.png?alt=media&#x26;token=b4293cdc-0f17-44eb-95bf-65a8431772a7" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Text" %}
<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FV54QO6XN1glx8eqejcD5%2Ffooter_text_1.png?alt=media&#x26;token=cf96f414-83d0-49c7-80eb-7966bdfe90f3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Menu" %}
<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2Fitve4cM6u1f85JfPnxgc%2Ffooter_text_2.png?alt=media&#x26;token=543dd93c-cf88-491a-9a3d-1eeaa8f850ab" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Contact info" %}
<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FnQ7M7nhmX64vvK4wtuLK%2Ffooter_text_3.png?alt=media&#x26;token=ad171304-e3a2-416f-94f5-1de35308b26b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Newsletter" %}
<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FrXcBSNR8Z8DDJHpiq2gG%2Ffooter_text_4.png?alt=media&#x26;token=2a999d9d-8a49-4111-bcaf-ade5e67e0f04" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Image" %}
<figure><img src="https://502474181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiCZ4jNa471odH4EhZvrK%2Fuploads%2FSTUtAe1K671hmtwdheuz%2Ffooter_text_5.png?alt=media&#x26;token=4f0fefad-b8b8-412d-ad0e-71bdd94d4c07" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}
