Using the Style Editor

The Style Editor contains a suite of tools to help you standardise the appearance of your website. You can override these global settings on individual pages by configuring a component through its respective Settings panel.

To make changes active across your website, click the Publish button at the top of the Style Editor page.

See Also

There are six tools in the Style Editor. Follow the links below to learn how to use each style tool.

• Branding Colours
• Headings
• Text
• Sections
• Button
• Divider

1  Locating the Style Editor

Click PUBLISH on the top menu bar. A popup window displays. Click Website Content > Settings > Style Editor.

The Style Editor page displays. 

2  Customising style options

There are two ways to configure styles on the Style Editor page: default and custom. 

• Default Styles - Gives you a settings panel for each tool. This is the preferred method for marketers because it requires no coding skills.
• Custom Styles - Developers use this option to make specific style changes. This option requires CSS coding knowledge. After adding CSS customisations, you can see the changes by viewing a page in Preview mode. 

3  Opening a settings panel

Each tool in the Style Editor has a different set of Settings panel options. However, the way to open a Settings panel is the same.

1. Hover the mouse pointer on a tool section. One or two icons display.
2. Click the pencil icon to open the Settings panel.
3. Click the eraser icon to delete any changes you have made.
4. Click Yes in the Confirmation window.