Themes

Customize your store's overall look and feel with theme settings.

Overview

Themes control the global design of your storefront — colors, fonts, spacing, and layout defaults that apply across all pages.

Accessing Theme Settings

Navigate to Settings → Theme or click the Theme button in the Page Builder.

Color Palette

Configure your store's color scheme:

  • Primary color — Used for buttons, links, and accents
  • Secondary color — Supporting color for secondary actions
  • Background — Main page background color
  • Text — Default text color
  • Muted — Subdued text and borders
Tip

Choose colors that reflect your brand identity. High contrast between background and text improves readability.

Typography

Select fonts for your storefront:

  • Heading font — Used for page titles and section headings
  • Body font — Used for paragraphs and general text
  • Font sizes — Scale settings for headings, body text, and small text

Layout Settings

  • Max width — Maximum content width (default: 1200px)
  • Spacing — Section padding and gap sizes
  • Border radius — Corner rounding for cards, buttons, and images
  • Cards — Default card style (outlined, shadowed, or flat)

Header & Footer

Customize the global header and footer:

  • Header style — Logo placement, navigation layout, background color
  • Footer style — Column layout, color scheme, content sections

Applying Themes

Theme changes apply globally to all storefront pages. Click Save to preview changes, and Publish to make them live.

Next Steps