Skip to main content

Background Colour Picker

Customise your pages with your brand colours

Written by Support

The Background Colour Picker gives you greater control over the look and feel of your site by allowing you to apply custom colours to content blocks. It’s a simple way to ensure your pages stay perfectly aligned with your brand identity.


What is the Background Colour Picker?

When editing a content block, you can now choose a custom background colour instead of using the default styles.

This means you can:

  • Match your company’s branding

  • Create visually engaging sections

  • Highlight important content


How to use the Background Colour Picker

To apply a custom background colour:

  1. Navigate to the CMS and open a page

  2. Add a new content block or edit an existing one

  3. Scroll to the Background section

  4. Select ‘Colour picker’

  5. Choose your colour by:

    • Entering a hex code (e.g. #FF5733)

    • Using the colour picker tool

  6. Save your changes

Your selected colour will now be applied to the content block


Where can you use it?

The Background Colour Picker is available on all content blocks, giving you full flexibility across your pages.


Tips

  • Use your brand’s primary and secondary colours for consistency

  • Ensure text remains readable against your chosen background

  • Use contrasting colours to draw attention to key sections

  • Avoid overusing too many colours - keep your design clean and cohesive


The Background Colour Picker is a quick and powerful way to enhance your page design. With just a few clicks, you can create visually engaging, on-brand content that stands out.

If you have any questions or would like further guidance, please contact your Account Manager.

Did this answer your question?