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

# Footer

### Configure footer section

Select the customize theme option. Click on the dropdown menu at the top of the page to select the **Home page** template**.**

From the left side menu, select **Footer**.

Customize the section by utilizing the setting on the right side of the theme editor, as described below;

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Footer</td><td><p><strong>Color scheme</strong><br>Select any color scheme defined in the theme settings>Colors>Schemes.<br><br><strong>Section background</strong><br>Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme.<br></p><p><strong>Footer layouts</strong></p><p>Choose the footer layout from:<br>- Standard<br>- Illustrated<br><br><strong>Illustrated colors</strong><br><strong>Color1-5</strong><br>Choose colors for the illustrated icons on footer.</p><p><br><strong>Enable top border rounded</strong><br>Select this check box to enable the top rounded corner.<br><br><strong>Top border radius</strong><br>Adjust the range bar to determine the corners radius.<br><br><strong>Bottom bar style</strong><br>Choose the bottom bar style from:<br>- None<br>- Background<br>- Border<br><br><strong>Show blocks in accordions on mobile</strong><br>Select this check box to enable the accordions on mobile.</p></td></tr><tr><td>Background</td><td><strong>Background image</strong><br>Choose any image for the background.</td></tr><tr><td>Social media icons</td><td>Select this check box to show the social media icons.<br><br><strong>Icon style</strong><br>Choose icon's style from:<br>- Solid<br>- Outline</td></tr><tr><td>Show copyright text</td><td>Select this check box to show the copyright text.</td></tr><tr><td>Follow on Shop</td><td><strong>Enable Follow on Shop</strong><br>Select this checkbox to show '<strong>Follow on Shop</strong>' button on the footer. For more information regarding this, go through this <a href="https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop">link</a>.<br><em>(<strong>Note</strong>: To allow customers to follow your store on the Shop app from your storefront, Shop Pay must be enabled.)</em></td></tr><tr><td>Currency and language</td><td><strong>Enable language and country selector</strong><br>Select this check box to show the location and language selector.</td></tr><tr><td>Payment methods</td><td><strong>Show payment icons</strong><br>Select this check box to show the payment icons.<br><em>(Note: Icons display based on your Shopify payment methods.)</em></td></tr><tr><td>Policy links</td><td>Select this check box to show the policy links.</td></tr><tr><td>Animated icons</td><td>Flying bird<br>Select this check box to show the flying bird.<br><br>Clouds<br>Select this check box to show the clouds.<br><br>Sun<br>Select this check box to show the sun.</td></tr></tbody></table>

### Block settings: Menu

<table data-header-hidden><thead><tr><th width="284"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Desktop column width</td><td>Adjust the range bar to determine the column width on desktop.</td><td></td></tr><tr><td>Quick links</td><td><strong>Heading</strong><br>Add text to appear as the title.<br>(<em>Note: Heading is required to show the menu on the mobile view.)</em><br><br><strong>Menu</strong><br>Select any menu to display its first-level menus in the footer drawer.</td><td></td></tr><tr><td>Social links</td><td>(<em><strong>Note</strong>: To display your social media accounts, link them in your theme settings.)</em><br><br><strong>Heading</strong><br>Add text to appear as the title of social media links.</td><td></td></tr></tbody></table>

### Block settings: Image with text

<table><thead><tr><th width="286"></th><th></th></tr></thead><tbody><tr><td>Desktop column width</td><td>Adjust the range bar to determine the column width on desktop.</td></tr><tr><td>Logo</td><td>Choose any logo image from the store library.</td></tr><tr><td>Desktop logo width</td><td>Adjust the range bar to determine the logo width on the desktop view.</td></tr><tr><td>Mobile logo width</td><td>Adjust the range bar to determine the logo width on the mobile view.</td></tr><tr><td>Description</td><td>Enter any text for the store description.</td></tr><tr><td>Description size</td><td>Select the description size from the following options:<br>- X- large<br>- Large<br>- Medium<br>- Normal<br>- Small<br>- X-small</td></tr></tbody></table>

### Block settings: Newsletter

<table><thead><tr><th width="261.6666259765625"></th><th></th></tr></thead><tbody><tr><td>Desktop column width</td><td>Adjust the range bar to determine the column width on desktop.</td></tr><tr><td>Heading </td><td>Add heading text. <br><em>(<strong>Note</strong>: Wrap your text between [ ] to add the markers font and enter ++ for a line break.)</em></td></tr><tr><td>Heading size</td><td>Select the heading size from the following options:<br>- XX- large<br>- X- large<br>- Large<br>- Medium<br>- Small<br>- X-small</td></tr><tr><td>Font family</td><td><p>Choose the font family from the following options:</p><p>- Heading <br>- Body <br>- Accent <br>(<em><strong>Note</strong>: These fonts can be changed in theme settings>typography.)</em></p></td></tr><tr><td>Markers font</td><td><p>Choose the marker text's font family from the following options:</p><p>- Heading <br>- Body <br>- Accent <br>(<em><strong>Note</strong>: These fonts can be changed in theme settings>typography.)</em></p></td></tr><tr><td>Placeholder text</td><td>Enter the email placeholder text.</td></tr><tr><td>Button text</td><td>Enter the button text.</td></tr></tbody></table>

### Block settings: Contact information

<table><thead><tr><th width="270"></th><th></th></tr></thead><tbody><tr><td>Desktop column width</td><td>Adjust the range bar to determine the column width on desktop.</td></tr><tr><td>Heading </td><td>Add heading text. </td></tr><tr><td>Email</td><td>Enter the email.</td></tr><tr><td>Phone</td><td>Enter the phone number.</td></tr><tr><td>Address</td><td>Enter the address.</td></tr><tr><td>Font size</td><td>Select the font size from the following options:<br>- XX- large<br>- X- large<br>- Large<br>- Medium<br>- Small<br>- X-small</td></tr></tbody></table>