Set up the site colour theme

What is a colour theme?

Your colour theme is the set of colours which you use across your site, and should be tied to your campaign’s brand and external marketing. This helps you have a consistent look and feel for your campaign.

The campaign platform comes with 3 preset themes you can choose from. You can also set a custom theme using your own colours.

Use a preset theme

Each preset theme has 3 colours : red, green or blue.

These colours will be used for:

To choose your preset theme colours:

  1. In the left sidebar, hover over the Appearance button and click ‘Theme Options’.
  2. Click the button under Colours so it says ‘Preset’.
  3. Under Theme colour palette click the drop-down arrow and select the colour theme you want for your campaign.
  4. Under Accent colour click the drop-down arrow and select the colour you want for your site accents.
  5. Under Navigation background click the drop-down arrow and select the colour you want for your top navigation menu.
  6. Review your settings (Image 2).

Under ‘Publish’ click ‘Publish’ (or ‘Update’).

Image 2: example settings for using a preset colour theme on your site.

Use a custom theme

You can create up to 4 x colours called “custom theme” for your site, to match your campaign brand or marketing. When you decide your colours, check they meet contrast accessibility standards. You also need to consider how text will appear on these colours and identify which colours need white and black text.

To choose your custom theme colours:

  1. In the left sidebar, hover over the Appearance button and click ‘Theme Options’.
  2. Click the button under Colours so it says ‘Custom’.
  3. Under Custom colours click ‘Add colour’.
  4. Click ‘Select colour’ and then add the hexadecimal value into the box.
  5. Under Publish click ‘Publish’ (or ‘Update’).

Once you have saved these options you can use these colours across your site. Edit your custom theme again to add them to the Accent and Navigation settings in the Theme Options.

Previous section:

Set up the header navigation menu

Next section:

Set up site privacy and cookie options

In this section