Theme settings

The theme settings are where you can adjust the global/site wide options for your theme.

Typography

• Fonts - select both the font type and weight for Headings, Body text, and Buttons.
• Font size scale - use this to increase or decrease the size of the font.
• Line height scale - adjust the vertical space between text.
• Letter spacing - adjust the horizontal space between letters.

Colours

• Primary/secondary colours - these colours will be used when you select the colour scheme for an individual section. Make sure the text colour is visible on the background colour.

Design features

• Divider - this is where you can set the Divider style, Divider height, and choose whether you'd like a Uniform divider style. These settings will impact dividers everywhere on your site. For more information, see How to configure the section divider.

Layout

• Number of columns on mobile

Product card

• Image ratio - regardless of whether your images are the same size, selecting Portrait or Square will make them all uniform in the product card.
• Show bottom divider
• Enable quick add to cart
• Show second image on hover
• Show vendor

Blog card

• Image ratio - regardless of whether your images are the same size, selecting Portrait or Square will make them all uniform in the blog card.
• Show author
• Show date

Social media

• Social accounts - these are used where you choose to display social media icons such as in the footer.
• Show share icons - if you opt to show share icons on the product or blog pages, these will display.

Search behaviour

• Enable product suggestions
• Show vendor
• Show price

Favicon

• Favicon image - this is the image that displays in the browser tab e.g.