New: the WhatsApp AI Agent now supports CSV contact import. Read the guide

Change your store's colours, font and corner radius

In the theme editor, open the Theme Customizer (swatch icon in the left rail) to pick a palette or set your own colours, choose one store-wide font, and set the corner radius used by every element.

Steps

  1. Open Online Store → Theme Settings and click the swatch-book icon to open the Theme Customizer.
  2. Predefined Themes: click one of the 9 palette swatches (Gray, Blue Light, red and others) to set the whole colour set at once.
  3. Custom Theme: fine-tune any of the 19 colour pickers — Primary Color, Primary Text Color, Secondary Color, Secondary Text Color, Accent Color, Accent Text Color, Muted Color, Muted Text Color, Destructive Color, Destructive Text Color, Background Color, Text Color, Card Color, Card Text Color, Popover Color, Popover Text Color, Border Color, Input Color and Ring Color. Buttons follow the Primary and Secondary colours.
  4. Typography: search the list of 97 fonts and pick one store-wide font. Fonts marked with an ar chip support Arabic (Tajawal, Cairo, Almarai, Amiri, Changa, Noto Sans and others).
  5. Radius: choose 0, 0.3, 0.5, 0.75 or 1 — this controls the border radius for all elements in your store, including buttons, cards and inputs.
  6. Page Direction: LTR or RTL for the whole store.
  7. Click Save. Theme settings are saved together with the page you are editing, for the language you are editing.

Common problems

Related

Plain-text / Markdown version