The Website Builder Colour Picker

This will show you how to access your Website Builder colour picker. This will allow you to customise your site’s colour scheme to ensure it looks exactly how you want it to, and fits the styling and branding you desire.

This feature is applicable to multiple versions of the Website Builder platform, so please use the options below to find the appropriate instructions for the package you are using. If you are not sure which version of Website Builder you are using, you can use this article to check.

Please note: This feature is not available with Website Builder Version 8.

Website Builder 7

Step 1 of 3

Click on the Theme button from the left hand side menu bar.

Step 2 of 3

Select the Colour option from the Theme submenu.

Step 3 of 3

Here you can select from the suggestion colour swatches linked to your selected theme.

Website Builder 6

Step 1 of 1

The colour picker is used when selecting the colours for items like text or widget colours.

To open the colour picker, select the item you wish to edit and open the settings panel, and select the Colour icon.

This will open the colour picker.

The Website Builder Colour picker has four components:

The Custom Colour Selecter

This allows you to chose just the right shade and hue for your website.

The Colour Swatch

This allows you to see all the complimenting colours in any given theme, also showing you the different shades and tones available.

The Selected Colour Display

This allows you to see an example of the colour you have selected, as well as the corresponding Hex Colour Code. You can also copy and paste other hex codes into the box provided if you know exactly what colour you require.

Picked Colours Storage

This allows you to store the colours you’d previously selected for easy access later.