# Footer

The footer settings make it possible for you to fully customize the footer of the theme.

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. From the side menu, select **Footer**. Configure the **Footer** in the setting on the side with the following settings.

<table><thead><tr><th width="264">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Layout style</td><td><p>Select the layout style from the dropdown menu:</p><ul><li><strong>Special</strong></li><li><strong>Classic</strong></li><li><strong>Modern</strong></li><li><strong>Classy</strong></li></ul></td></tr><tr><td>Section width</td><td><p>Select the section width from the dropdown menu:</p><ul><li><strong>Full width</strong></li><li><strong>Page width</strong></li><li><strong>Customized width</strong></li></ul></td></tr><tr><td>Customize width</td><td>Determines the width of the section when you choose "Customized width" option. Can be from <strong>1000px</strong> to <strong>1800px</strong>, increasing arithmetically of <strong>50px</strong> (pixel).</td></tr></tbody></table>

#### Section spacing

<table><thead><tr><th width="264">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top margin</td><td>Determines the top spacing of the footer. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel)</td></tr></tbody></table>

#### **Menu**

<table><thead><tr><th width="263">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading size</td><td><p>The size of the heading text:</p><ul><li><strong>H3</strong></li><li><strong>Default</strong></li><li><strong>XX-Small</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li><li><strong>XX-Large</strong></li><li><strong>XXX-Large</strong></li></ul></td></tr><tr><td>Typography for heading</td><td>Select the Font Style from <strong>Font Heading</strong> or <strong>Font body</strong>. These two font families are specified in the <strong>Theme settings</strong> > <strong>Typography</strong></td></tr><tr><td>Link size</td><td><p>The size of the link text:</p><ul><li><strong>Default</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li></ul></td></tr><tr><td>Typography for link</td><td>Select the Font Style from <strong>Font Heading</strong> or <strong>Font body</strong>. These two font families are specified in the <strong>Theme settings</strong> > <strong>Typography</strong></td></tr><tr><td>Link row gap</td><td>Determines the row gap of link. Can be from <strong>0px</strong> to <strong>30px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr></tbody></table>

#### **Footer top**

<table><thead><tr><th width="263">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show top separator line</td><td>Displays a line at the top to visually separate this section from the other sections.</td></tr><tr><td>Top padding</td><td>Determines the height of the top inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding</td><td>Determines the height of the bottom inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Top padding on mobile</td><td>Determines the height of the top inner space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1p</strong>x (pixel).</td></tr><tr><td>Bottom padding on mobile</td><td>Determines the height of the top inner space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Color scheme</td><td>Select a color scheme to set the text and background colors for the section.</td></tr></tbody></table>

#### **Footer bottom**

<table><thead><tr><th width="263">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show top separator line</td><td>Displays a line at the top to visually separate this section from the other sections.</td></tr><tr><td>Top padding</td><td>Determines the height of the top inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding</td><td>Determines the height of the bottom inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Top padding on mobile</td><td>Determines the height of the top inner space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1p</strong>x (pixel).</td></tr><tr><td>Bottom padding on mobile</td><td>Determines the height of the top inner space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Color scheme</td><td>Select a color scheme to set the text and background colors for the section.</td></tr><tr><td>Text size</td><td><p>Font size of text:</p><ul><li><strong>XX-Small</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li><li><strong>XX-Large</strong></li><li><strong>XXX-Large</strong></li></ul></td></tr><tr><td>Enable country/region selector</td><td>Select this checkbox to show/hide the <a href="/pages/FMgcxgPiYThRdZcifImK">country/region selector</a></td></tr><tr><td>Enable language selector</td><td>Select this checkbox to show/hide the <a href="/pages/yMDEFNkXE4zTkRUL0GCu">language selector</a></td></tr><tr><td>Show payment icons</td><td>Select this checkbox to show/hide the <a href="/pages/M3AQimD1g6bwfDjFIfny">payment icons</a></td></tr><tr><td>Show policy links</td><td>Enable/disable checkbox</td></tr><tr><td>Show social media icons</td><td>Select this checkbox to show/hide the <a href="/pages/T9IEwYBHcywZErrnwj7Y">social media icons</a></td></tr><tr><td>Social media icon</td><td>Set the color for the media icon</td></tr><tr><td>Social media background</td><td>Set the background color for this media icon <br><em><mark style="color:red;">(If a background gradient is set, the section's background will be set according to the background gradient setting)</mark></em></td></tr><tr><td>Social media background gradient</td><td>Set the background gradient for this media icon</td></tr></tbody></table>

#### Copyright

<table><thead><tr><th width="264">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show copyright and 'Powered by Shopify'</td><td>Enable/disable checkbox</td></tr><tr><td>Text</td><td>Add text to display as a <strong>custom text copyright</strong><br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>custom text copyright</strong></mark><mark style="color:red;">)</mark></em></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://halosoft.gitbook.io/concept-documentation/footer-group/footer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.