Theme settings

Colours, fonts, corners and everything else that applies to your whole store.

In the admin Online Store › Themes › Customize › Theme settings

The Theme settings tab holds what applies to the whole store. The basics, at the top, is the short version: four colours (Page, Text, Buttons, Surfaces), your two fonts, and corners for Buttons, Cards and Forms as Sharp, Rounded or Soft. It changes the same settings as the groups below, so what you pick shows there too. A corner of another size, set in the groups or by a look, shows the nearest choice (a 4-pixel corner shows as Rounded), so every look shows which one it has.

Every setting is in the groups below it:

  • Logo, Brand and Colors (colour schemes you can give each section).
  • Colors › Light or dark: Light (the default) shows your colours on every device. Dark always shows the dark colours below it, and Auto shows them when the customer’s device is set to dark. Set each Dark colour yourself; under the colours, the page says which pair is hard to read, with its contrast and the 4.5:1 it needs. Where you give a logo for dark backgrounds under Logo, it shows on the dark colours.
  • Typography: the heading and body fonts, the overall text size, and a size for every text style: Heading 1 to 6, body text, small text, the line above headings, buttons, prices and product card titles. Product titles: letters writes a product’s own title on its page As page titles (H1), As written or in Capitals.
  • Layout: page width, the space between sections and in grids, and the space inside product, collection and post cards, each side on its own. Section headings sit on the left or Centred; centred, a section’s View all link goes under its heading.
  • Visual elements, Animations, Social media and Images (how product and collection pictures fill their frames, unless a section chooses its own). Where the theme’s logo, brand words or social links are empty, the default theme uses those in Settings › General › Brand.
  • Visual elements › Field labels: Above the field (the default) or Inside the field: the label sits in the empty field and moves to its top edge, smaller, while the shopper types, and a required field has a small star in its corner. The contact form and the comment form under your posts follow it. Dates › How dates are written chooses 2026-04-17 (the default), 17.04.2026 or 17/04/2026 for the dates of posts, comments and reviews.
  • Product cards: quick add (with sizes and colours, one tap only, A View details button that opens the product, or off), Card buttons in the accent colour or the text colour (dark buttons on a light page), a Buy now button, how a product with several prices shows (From, the lowest, or the range), swatches and a second picture on hover. Label from a product field and Detail line from a product field take the key of one of your product fields (see Custom data): a product with a value shows it as a label on its picture, such as “New” or “Limited”, or as one line under its name, such as the material; the others show nothing.
  • Variant picker, Sale prices, Swatches and Currency format. Variant picker shows choices as buttons, a dropdown of every variant, Tiles with prices: larger buttons that show what each choice costs when an option changes the price (a capacity, a size of set), and say “Sold out” in words, or A drop-down for each option: each option’s name over a box with the chosen value that opens to the others, a sold-out one marked so. Colours shown as swatches stay swatches. Swatches shows each variant’s photo for its colour when you turn on Show variant photos as swatches; otherwise Show colours as swatches (on by default) shows a colour option as coloured dots when its values name colours, such as Sand, Navy blue or Черен, or are colour codes such as #2e7d32. Both show on product cards too, unless you untick Show them on product cards.
  • Cart: a drawer or a cart page, free delivery progress, and suggested products. With the drawer, adding to the cart, changing a quantity and removing a product happen at once, without reloading the page. Ask why shoppers leave a full cart asks a shopper with something in the cart, once, why they are leaving; the answers are in Analytics › Why shoppers left.
  • Email sign-up pop-up: Ask visitors to join your email list opens a small window once per visitor after the time you choose (5 to 60 seconds), never on arrival and never on the cart page, with your heading, a line of text and a picture if you like. Visitors who sign up get your welcome email from Growth › Autopilot, with its code if you set one; those who close it are not asked again for 30 days.
  • Custom CSS for the whole store.