Preferences gathers the site’s visual settings, in several cards. Each card is saved separately with its own button, which says which one it saves (Update · Blog).

• The On this page row at the top takes you to each card and marks the one you are on; Expand all and Collapse all open or fold them all.
• Click a card’s title to fold or unfold it. The panel remembers in your browser which ones you left folded.
• If you change something and don’t save it, the card shows Unsaved changes and its name gets a dot in the top row. Save each card before moving to another: saving one reloads the page and, if another has pending changes, the browser warns you before losing them.

General: colors and fonts

• Primary color: your brand’s main color. It is the background of “dark” contrast blocks and many details.
• Secondary color: the color of buttons, links and hover effects.
• They accept any CSS color: #2AA3DC, rgb(42,163,220)…
• Font: on Google Fonts choose a font, copy the link it gives you (https://fonts.googleapis.com/css2?family=…) into Font link and its name into Font family (for example 'Plus Jakarta Sans', sans-serif).
• Text font weight, letter spacing and line height.
• Buttons: the default button style.

Settings per page type

• Pages: layout of your pages, top banner with image and icon, and sections added to all of them.
• Categories: layout of category pages, number of columns, sidebar and banner.
• Blog and Products: layout of an article or product page, image height and alignment and, for products, the currency and the cart, favourite and view-more icons.
• Cart and Customer area: title, address, activation and banner of the cart and customer area.

Changes apply to the whole site. Open it in another tab and reload to see the result.

← Back to the help center