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.

SettingDescription

Layout style

Select the layout style from the dropdown menu:

  • Special

  • Classic

  • Modern

  • Classy

Section width

Select the section width from the dropdown menu:

  • Full width

  • Page width

  • Customized width

Customize width

Determines the width of the section when you choose "Customized width" option. Can be from 1000px to 1800px, increasing arithmetically of 50px (pixel).

Section spacing

SettingDescription

Top margin

Determines the top spacing of the footer. Can be from 0px to 100px, increasing arithmetically of 1px (pixel)

SettingDescription

Heading size

The size of the heading text:

  • H3

  • Default

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Typography for heading

Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography

Link size

The size of the link text:

  • Default

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

Typography for link

Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography

Link row gap

Determines the row gap of link. Can be from 0px to 30px, increasing arithmetically of 1px (pixel).

SettingDescription

Show top separator line

Displays a line at the top to visually separate this section from the other sections.

Top padding

Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Top padding on mobile

Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding on mobile

Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Color scheme

Select a color scheme to set the text and background colors for the section.

SettingDescription

Show top separator line

Displays a line at the top to visually separate this section from the other sections.

Top padding

Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Top padding on mobile

Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding on mobile

Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Color scheme

Select a color scheme to set the text and background colors for the section.

Text size

Font size of text:

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Enable country/region selector

Select this checkbox to show/hide the country/region selector

Enable language selector

Select this checkbox to show/hide the language selector

Show payment icons

Select this checkbox to show/hide the payment icons

Show policy links

Enable/disable checkbox

Show social media icons

Select this checkbox to show/hide the social media icons

Social media icon

Set the color for the media icon

Social media background

Set the background color for this media icon (If a background gradient is set, the section's background will be set according to the background gradient setting)

Social media background gradient

Set the background gradient for this media icon

SettingDescription

Show copyright and 'Powered by Shopify'

Enable/disable checkbox

Text

Add text to display as a custom text copyright (Leave the field blank to hide the custom text copyright)

Last updated