The Site Theme panel lets you make changes that affect your entire site. You can customize your site's text, buttons, images, background, and navigation s from the design panel. This allows you to quickly and efficiently make sweeping visual changes, reducing design time and keeping your site's style consistent across pages.
Changes that you make to specific s or pages will override themes set in the Site Theme panel. We recommend you first decide on a site theme, and then make customizations to parts of your site that you want to stand out or look different than the rest.
Prior to March 2023, Site Theme was previously named Global Design.
Site Theme Panel Overview
To open the Site Theme panel, in the side panel, click Theme.
When the Site Theme panel is open, the canvas is automatically minimized to 50% view so that the entire canvas is visible while adjusting the site theme settings. If you want to return to 100% canvas view, click the drop down in the top bar and select 100%. The ability to zoom in or out is also available in preview mode.
Text
This section lets you control text for your site, both for text and headings of all sizes (H1 to H6). Changing the font size, style, color, and other edits will affect future paragraph, and other text types as well as current widgets connected to Site Text that have not been manually changed. To learn more, see Theme Text.
Buttons
This section lets you define the style of primary and secondary button s on your site. Select one of our button layouts and set the text, background color, border, hover state, corners, and shadow styles.
To hide the Back to Top button on mobile, enable the toggle in the Site Layout section.
Images
This section lets you control the style of the image s on your site. You can change the image layout, add or edit the border style, rounded corners, or shadow effects.
Rows and Columns
This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.) To identify your current editor version, see How to Identify the Editor Version Your Site Uses.
This section allows you to define the theme for row and column design in terms of background color and default spacing.
Edits that will be made on individual rows or columns will override the theme row and column settings.
Backgrounds
This section lets you control Background style for your site. Choose between using a color or image as your background. Changes also affect the desktop and tablet. For detailed information, see Customize Background.
Site Layout
This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.) To identify your current editor version, see How to Identify the Editor Version Your Site Uses.
Control the site layout navigation on desktop, tablet and mobile. For the desktop version, you can choose from two widths: 960px or 1200px.
Changing your navigation's layout often affects the behavior of your header and sometimes the rest of your site. If your header suddenly looks incorrect after changing the layout, try a different layout.