Change your colour scheme

Modified on Thu, 19 Jan, 2023 at 5:01 PM

Change your colour scheme (written instructions)

Ensure that you are logged into your website. The black admin toolbar should be visible at the top of the screen.

The Home page of a GPsurgery.net website, with the admin toolbar visible at the top of the screen.

Select Customise from the admin toolbar.

The admin toolbar with Customise selected.

You are now using the Customiser. Select Colour Scheme from the left-hand sidebar.

The Customiser left-hand sidebar, with Colour Scheme selected.

In the Colour Scheme editor, you can choose from our four standard colour palettes. Aside from the standard blue that we set up our customers with, there is green...

The green colour scheme for GPsurgery.net websites.

...purple...

The purple colour scheme for GPsurgery.net websites.

...or teal. Select a colour scheme by clicking one of the links. NOTE: All our colour schemes have been chosen in line with NHS style guidelines. You can set your own colour scheme using the Primary and Secondary Colour pickers, but choose carefully to ensure that your website remains accessible.The teal colour scheme for GPsurgery.net websites.

Once you are happy with your chosen colour scheme, click the blue Publish button to save your changes.

The Publish button.


Click the X in the top left-hand corner of the sidebar to exit the Customiser.

The X in the top-left of the Customiser sidebar.

Your new colour scheme will now be applied to your whole website. The new colours will appear on every page and headings/link text will be changed to match.

The Home page of a GPsurgery.net website, with a new colour scheme applied.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article