Previously, if you wanted to change the background colour for the blocks in your templates, it was necessary to get in touch with our professional services team to implement the change or use an HTML block.

This meant it took longer to make quick changes to your templates. 

What’s new?

You now have the power to choose and customise the background colour for your template blocks for yourself in the visual editor.

Note: You can only customise one colour per block, even if the block has multiple elements (e.g. a two column text block).

Simply navigate to the template you want to edit, choose a block, then a colour:

Note: If your block has HTML which already specifies a background colour (e.g. background-color, background, bgcolor), this may overwrite the colour you set using "Block background colour" option. Simply remove the hex code from your HTML script to use the colour picker instead.

You can either choose an available colour, or enter a hex code. 

You can also click +Save colour on any colour you choose and use it for other blocks:

When you save a colour, it will only be available to you (not anyone else on your team) and only as long as you do not clear your cache.