Theme Settings

Theme Settings

Open Online Store → Themes → Customize → Theme settings (the gear icon).

Layout

• Page width — Compact, Narrow, or Wide maximum content width.
• Page margin (desktop) — side margin on screens 750px and wider.
• Page margin (mobile) — side margin on screens under 750px (default 16px), set independently from desktop. Lower values give products more room on phones.

Typography

• Heading and body fonts, plus a Font size scale that scales all text. Headings keep their relative size.

Colors

• Background and foreground (text) colours drive the theme's colour system.

Buttons

• Button background, text, and border colours, plus hover colours.
• Border width and Corner radius.
• The Text link button style (borderless, underlined) is chosen per section — see Sections — not globally.

Products

• Show color swatches on product cards — turn this on to show colour swatches on collection, search, and Featured collection cards. Swatches use native Shopify colour/image swatches or the colour's variant image. See Product Cards & Swatches.
• Card swatch size and Swatch shape (circle or square).
• Variant picker defaults (picker style, size option style, swatch size, quantity style) that sections can inherit.
• Quick add, ratings, subtitle, and sale-percentage badge options.