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.
