Footer
The footer settings make it possible for you to fully customize the footer of the theme.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
From the side menu, select Footer. Configure the Footer in the setting on the side with the following settings.
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
Top margin
Determines the top spacing of the footer. Can be from 0px to 100px, increasing arithmetically of 1px (pixel)
Menu
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).
Footer top
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.
Footer bottom
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
Copyright
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