Theme Colours

Establish a colour palette and attach the individual colours to any or all widgets with colour settings using global colours. When the linked colour in the global colour settings is modified, the colour of any elements that are related to the global colour is instantly updated. This enables you to make colour changes rapidly, reducing design time and ensuring your site’s appearance is consistent across pages.

Theme Colours help make your site look clean and consistent. When you use them properly, changing one colour updates everything, buttons, text, backgrounds, all in one go.

How to Set Theme Colours

1. Go to the left sidebar
   Click on “Theme”, then click the little arrow next to “Colours.”
2. Add a Colour
   Click the plus (+) icon next to “Primary” or any colour group.
3. Choose Your Colour
4. You can:
5. Type a HEX or RGB code
6. Use the eyedropper tool to pick a colour
7. Or upload your logo and let the system pull colours from it
8. Want to remove or change your logo?
9. Click the three dots beside the logo and choose Remove or Replace.
   

Easy Option: Let the Site Do It For You

Don’t want to pick all the colours manually? Let the site do it for you!

1. Go to Theme > Colours
2. Click “Set Theme Colours”
3. Choose:
4. “Connect it for me” — it auto-connects colours
5. Or “I’ll connect it myself” — you choose colours manually
6. Select the colours you like
7. Click “Save & Connect Colours”

Done! Your theme colours are now set.

How to Use Theme Colours on Widgets (Text, Buttons, Backgrounds)

1. Click the widget (button, text box, etc.)
2. Open the Colour Settings
3. Pick a Theme Colour from the list at the top.
4. That widget is now connected. If you change the theme colour later, this widget will update too!
   

How to Rename a Colour

Go to Theme > Colours

1. Hover over the colour name and click the pencil icon
2. Type the new name. It will save automatically
   

How to Remove a Theme Colour

1. Go to Theme > Colours
2. Click the three dots near “Colours”
3. Click “Remove Theme Colours”
4. Select the ones you want to delete
5. Click “Remove Selected Colours”