Changing colours on your theme

Your theme will be using a number of different colours to make up its design. You can change many of the colours used easily through your theme's style editor. (You can access the style editor by clicking 'themes' on the left menu and then 'style editor' for the theme you would like to customise).

Customising a theme without affecting your live website

Before you change your themes colours, you may like to read our article How can I customise my theme without affecting my live website?

Your theme's colours are grouped together into similar colours, this is so that you avoid having many different colours on your website (which can produce a bad and confusing design for users). Typically you can expect to be able to customise around 6-10 different colours.


Changing the colours

Scroll to the 'colours' section on the style editor. It'll look something like the example below.

Each of the colours is listed with a description of what the colour is used for (for example 'main text colour' relates to all the text used throughout the website). We also list the default colour so that you know what you have changed it from.

To change the colour click on the coloured square and a colour wheel will appear.

You can then select the new colour using the circle and the square in the middle. When you've picked a new colour click away from the colour wheel and the coloured square you originally clicked on will now change to the new colour.

You can see in the above example we have changed the main text colour from black to a sandy/yellow.

When you've finished click the 'save changes' button at the bottom of the page and then go to your website, click refresh in your browser, and the new colour will be applied.