The Website Builder Colour Picker

This article will show you how to access Website Builder’s colour picker so that you can customise your site’s style.

Please note: this feature is not available with Website Builder Version 8. If you’re not sure which version of Website Builder you have, you can find out by reading this article.

Version 7

Step 1 of 4

Start by logging in to your Website Builder package.


Step 2 of 4

From there, select Theme in the left-hand menu.


Step 3 of 4

This will open the Theme sub-menu. Select the Colour option within the top-left corner.


Step 4 of 4

From here, you can edit your swatch accordingly from the provided menu.


Version 6

Step 1 of 3

Start by logging in to your Website Builder package.


Step 2 of 3

From there, select the item you wish to edit and select the Colour icon, represented by the three differently coloured circles.


Step 3 of 3

This will open the colour picker, which consists of four components:

  • Custom Colour Selector: allows you to choose the right shade and hue for your site
  • Colour Swatch: allows you to see all the complimenting colours in any given theme, along with all the different shades and tones available.
  • Selected Colour Display: 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: allows you to store the colours you’d previously selected for easy access later.