This article is for the cloud and self-hosted versions of Campaign Pro.

Site-wide colours

Campaign Pro allows you to have complete control of your site colour scheme. You can change the colours of buttons, the alert and set the colours for when you hover over buttons too.

In this section:

  1. Head over to the colour settings page
  2. Click to display the settings
  3. Change colours
  4. Update settings
  5. FAQ

1. Head over to the colour settings page

Head over to the colour settings page by going to Theme Settings >> Colours (self-hosted version) or Campaign Pro Settings >> Colours (cloud version).

Hover over Theme Settings in the left hand menu and then click Colours

2. Click to display the settings

You’re now on the colour settings page. Simple click anywhere near the buttons/alert [1] on the page and the settings panel will appear.

The colour settings page, with buttons and an alert visible
The colour settings page, with buttons and an alert visible

3. Change colours

Simply click on the colour selectors you want to change and choose your colours, you can also paste the HEX value straight in to the box (next to the button) if you know it.

Simply click on the Select Color button and the colour picker will appear, allowing you to choose any colour.

As you change colours, they will display in real-time, so you know what they’ll look like before you save.

4. Update settings

When you’ve made all your changes click save and they will be applied across your whole site.

Simply click Update to save your changes

FAQ

What colour settings can I change from the colour settings page?

You can change:

  1. Button background colour
  2. Button text colour
  3. Button background colour for hover, active and focus
  4. Button text colour for hover, active and focus
  5. Alert background colour
  6. Alert button background colour
  7. Alert button background colour for hover, active and focus
  8. Alert button text colour
  9. Alert button text colour for hover, active and focus