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

# Footer

The **Footer** appears at the bottom of every page. It's a great place for quick-access links, contact details, and other store information.

* Design the footer layout with **feature blocks**
* Show **social media** and **payment icons**
* Show l**anguage and country selectors**

<figure><img src="https://3688473072-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHUe2h5JnXOGnUNdkJwav%2Fuploads%2FYI8dV4Ut8kozOD3ipi7c%2Ffooter.jpg?alt=media&amp;token=3d94d8e2-54e4-48c0-96f5-ab9082603d4f" alt=""><figcaption></figcaption></figure>

## Set up section

***

Click the section to edit the **general section colors and spacing**. Learn more:

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Color scheme</strong></td><td><a href="/eclipse/sections/overview/section-styles.md#color-scheme">Using sections</a></td><td><a href="https://3688473072-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHUe2h5JnXOGnUNdkJwav%2Fuploads%2F3XSH2rw2Xl7gRoMb34up%2Fsection-colors.jpg?alt=media&amp;token=ccb376a8-d35b-4822-9bb0-5de9a0eb5ae6">section-colors.jpg</a></td></tr><tr><td><strong>Section width</strong></td><td><a href="/eclipse/sections/overview/section-styles.md#section-width">Using sections</a></td><td><a href="https://3688473072-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHUe2h5JnXOGnUNdkJwav%2Fuploads%2FDCCYMn4K3pSbVR42zVAF%2Fsection-width.jpg?alt=media&amp;token=68dd352f-bb69-4220-87a0-6a1c733d909c">section-width.jpg</a></td></tr><tr><td><strong>Section padding</strong></td><td><a href="/eclipse/sections/overview/section-styles.md#section-padding">Using sections</a></td><td><a href="https://3688473072-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHUe2h5JnXOGnUNdkJwav%2Fuploads%2FoZCVax7FX1rLehRaYU5Y%2Fsection-padding.jpg?alt=media&amp;token=3dbb23bd-4ab6-4874-8834-941a671e5cec">section-padding.jpg</a></td></tr></tbody></table>

## Add footer content blocks

***

Use **footer blocks** to add menu links, text, images, an email signup, and social media icons.

* Click **(+) Add block** to add feature blocks to the footer.
* Use the drag handles **`⋮⋮`** to change the order of the footer blocks.
* Click a block to customize the content and settings.

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><mark style="color:blue;"><strong>Links</strong></mark></td><td><a href="/eclipse/footer/footer/links-block.md">Links block</a></td></tr><tr><td><mark style="color:blue;"><strong>Newsletter and socials</strong></mark></td><td><a href="/eclipse/footer/footer/newsletter-and-socials.md">Newsletter and Socials</a></td></tr><tr><td><mark style="color:blue;"><strong>Image text and socials</strong></mark></td><td><a href="/eclipse/footer/footer/image-text-and-socials.md">Image Text and Socials</a></td></tr><tr><td><mark style="color:blue;"><strong>Custom Liquid</strong></mark></td><td><a href="/eclipse/footer/footer/custom-liquid.md">Custom Liquid</a></td></tr></tbody></table>

### Spacer block

***

Add a spacer block and position it between other footer blocks to add extra space.

`Click Spacer block to find settings`

<table><thead><tr><th width="190">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Desktop width</mark></td><td>Use the sliders to increase the amount of horizontal space on desktop.</td><td><strong>10-100 px</strong> <em><mark style="background-color:yellow;">Default</mark></em><mark style="background-color:yellow;">: 20</mark></td></tr><tr><td><mark style="color:blue;">Mobile height</mark></td><td>Use the sliders to increase the horizontal spacing on desktop.</td><td><strong>0-100 px</strong> <em><mark style="background-color:yellow;">Default</mark></em><mark style="background-color:yellow;">: 0</mark></td></tr></tbody></table>

## Change layout

***

Customize the general layout and style of the footer. In the footer section settings:

* Change **alignment** of footer content
* Increase the **gap** between columns
* Change the **column heading font**

`Click Footer section to find settings`

<table><thead><tr><th width="190">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Footer alignment</mark></td><td>Align the content of the footer to the left or center.<br><br>When <strong>Center</strong> is selected, the subfooter content will also be centered (the selectors, copyright text, payment icons, and subfooter links).</td><td><strong>Left</strong> <em><mark style="background-color:yellow;">Default</mark></em><br><strong>Center</strong></td></tr><tr><td><mark style="color:blue;">Column gap</mark></td><td>Use slider to add space between the footer blocks. Set to `0px` to remove space.</td><td><strong>0-60 px</strong> <em><mark style="background-color:yellow;">Default</mark></em><mark style="background-color:yellow;">: 40</mark></td></tr><tr><td><mark style="color:blue;">Column heading text style</mark></td><td>Change the style of the heading text used by footer blocks. Text styles are based on your theme settings.</td><td><strong>Heading</strong> <em><mark style="background-color:yellow;">Default</mark></em><br><strong>Body</strong><br><strong>Overline</strong></td></tr></tbody></table>

## Show language and country selectors

***

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><mark style="color:blue;"><strong>Language selector</strong></mark></td><td>Allow visitors to view your store in another language that you've added.</td><td><a href="/eclipse/footer/footer/language-and-currency.md#show-language-selector">Language and Currency</a></td></tr><tr><td><mark style="color:blue;"><strong>Country selector</strong></mark></td><td>Allow visitors to select their preferred region and currency.</td><td><a href="/eclipse/footer/footer/language-and-currency.md#show-country-selector">Language and Currency</a></td></tr></tbody></table>

## Show payment icons

***

Enable **Payment icons** to display a row of supported payment methods.

{% hint style="info" %}
The icons that are displayed depend on the payment methods that are available in your customer's region and currency. See [Shopify's Payments guide](https://help.shopify.com/en/manual/payments)
{% endhint %}

<figure><img src="https://3688473072-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHUe2h5JnXOGnUNdkJwav%2Fuploads%2FYH68Hm94p1S8B6LfyQzZ%2Ffooter-payment-icons.png?alt=media&amp;token=4a6bf5ef-31ea-4a0d-80f9-e558f1ced1bd" alt=""><figcaption></figcaption></figure>

`Click Footer section to find settings`

<table><thead><tr><th width="201">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Show payment icons</mark></td><td>Show icons of your store's payment methods, as enabled in your Shopify admin.</td></tr></tbody></table>

## Add additional copyright text

***

Add an additional line of text below the copyright text. Click the **Footer** section, and enter text in the **Additional copyright text** field.

<table><thead><tr><th width="236">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Additional copyright text</mark></td><td>Add custom text to the end of the "Copyright" line.</td></tr><tr><td><mark style="color:blue;">Subfooter links</mark></td><td>Show additional links at the bottom of the footer. Select a menu that you've created in your Shopify admin.</td></tr></tbody></table>

## Remove "Powered by Shopify"

***

The "Powered by Shopify" text appears in the footer on every page. You can edit or remove this text in the default theme content editor.

* In your theme editor, click the **Actions (**<kbd>**...**</kbd>**)** button and select **Edit default theme content**.
* Search "Powered by Shopify" to find the default text in the **Checkout & system > Links** area.
* To remove default text, replace the text in the field with a single space.