What it is
Site Theme is where you set your website's overall visual style — colors, buttons, text, image style, and backgrounds — all in one place, so every page pulls from the same consistent settings instead of you having to style each page separately.
What to do
In the left side panel of the editor, click Theme to open the Site Theme settings.
Tips
Set up your Site Theme before you start building out individual pages, so your colors, buttons, and text are already consistent as you go — instead of having to go back and fix each page afterward.
Changing a color, button, or text style here updates it everywhere it's used across your site, so it's much faster than adjusting the same thing page by page.
Jump to: Colors | Buttons | Text | Width & Spacing | Images | Backgrounds
Colors
Click the arrow to expand the Colors settings. You'll see a set of premade color roles — you can keep these and adjust them to your liking, or create a new one by clicking the + button below the existing colors.
Primary — the main color used across the site, including the header and footer.
Secondary — used either on top of the Primary color, or as an alternative to it.
Accent — used for things like hover effects.
The other settings "On Primary, On Secondary etc." are basically which colors that should be the contrast for the main one if you for example have a text on the main color.
How theme colors are connected
We recommend browsing through your live site first to see how these color roles are already connected and used across different elements, before making changes.
Primary - Main brand color: header, footer, and primary buttons.
Secondary - Supporting color: tags, shapes, backgrounds on Primary, and hover effects.
Accent - Highlight color: secondary buttons, menu text, and hover effects on
Buttons
Set the button's font type and font size, then choose its color and shape. Styling buttons here keeps every button on your site looking consistent.
Text
Set the markups used across the site — you can give different text elements (like headings and paragraphs) their own distinct styles, or use the same font style everywhere.
Width & Spacing
We recommend keeping the Width & Spacing settings as they are, since they keep the same look and spacing consistent across the site. If you do want to adjust them, this is where you set the site's max width along with the outer and inner spacing of sections — any new section you add afterward will automatically use these settings.
Images
Set a default style for images here. Every new image you add to the site afterward will automatically pick up these same settings.
Backgrounds
Set the default background color for your site. You can apply one background across all pages, or set a different background for individual pages.
