Theme settings
Every group in Theme settings, setting by setting.
Articles
- Logo settingsThe store logo in the header, the mobile menu, the side menu and the password page, with its height and its look on dark backgrounds.
- Color settingsThe store's color palette, the accent gradient, the light surfaces, the rating color and the colors of dark mode.
- Typography settingsThe two fonts of the store, the menu font, all-caps headings, and the text sizes from the largest display size down to small notes.
- Button settingsThe font, text size, size and corner shape of buttons and fields, the font of text links and prices, and the look of carousel arrows.
- Layout settingsThe browser tab icon, the maximum width of page content, the side margins, and the spacing between and inside sections.
- Effects settingsThe soft blur along the bottom edge of the screen on large screens, and how tall it is.
- Animation settingsHow page content moves into view, from a light fade to a bolder rise, and the chapter name shown in the corner of the screen.
- Social media settingsOne field for each of 17 social networks, where you enter the links every social icon in the theme uses.
- Collection card settingsSettings for the shape, photo, title, product count and description of collection cards in a grid.
- Product card settingsStore-wide settings for the photo, hover effect, tag label, product type and ratings on every product card.
- Color swatch settingsThe Swatch colors list, which gives each of your own color names, such as Timber or Oat, its color.
- Currency format settingsOne setting that adds the currency code, such as USD, after every price in your store.
- Cart settingsStore-wide cart settings: drawer or page, what Add to cart does, the cart icon, and the extras inside the cart.
- Search settingsSettings for the results that appear in the header search while customers type.
Theme settings apply to your whole store, on every page. Each article covers one group the editor lists under Theme settings, with what every setting does and its default. To change one section on one page, use that section's own settings, described in Sections.