The site theme panel allows you to make visual changes that affect your entire site. Customize text, buttons, images, background, and navigation widgets from one central location to ensure your site's style remains consistent across all pages while reducing design time.
Note:
Changes made to specific widgets or pages override the settings in the site theme panel. First decide on a site theme, then customize individual elements you want to stand out.
Access the site theme panel
To open the site theme panel, in the side panel, click Theme.
When the site theme panel is open, the canvas automatically minimizes to 50% so the entire site is visible while you adjust settings. To return to 100% view, click the dropdown menu in the top navigation bar and select 100%. You can also zoom in or out while in preview mode.
Site theme settings
Text
Control the global styling for all text and headings (H1 to H6). Changing the font size, style, or color affects future text and current widgets connected to "Site Text" that haven't been manually edited. Learn more about theme text.
Colors
Define a site color palette and link individual colors to widgets. When you update a theme color, every element linked to that color updates automatically. Learn how to configure theme colors.
Button style
Define the design for primary and secondary button widgets. Select a layout and set the background color, border, hover state, corners, and shadow.
Note:
Toggle off Back to top to hide this button on mobile.
Images
Control the default style of image widgets across the site. Set the image layout, border style, rounded corners, or shadow effects.
Rows and columns
Define the theme for row and column design, including background colors and default spacing.
Note: Edits made to individual rows or columns override these theme settings.
Note:
Edits that will be made on individual rows or columns will override the theme row and column settings.
Background
Control the background style for the entire site on desktop and tablet. Choose to use a solid color or an image as the background. Learn more about customizing the background.
Site layout
Control the site navigation layout for desktop, tablet, and mobile. For the desktop version, choose between a width of 960px or 1200px.
Note:
Changing the navigation layout can affect the behavior of the header. If the header appears incorrect after a layout change, try a different layout option.