Colour block in a highlight box

This is content added in the Box content editor window

You can add bullet lists.

  • Bullet point one
  • Bullet point two

It's a free text area. 

Use colour blocks for a great way of making important information - like reminders, opening hours, etc. - stand out. This tutorial covers adding a 'Colour block' (see right). Make sure you have added a highlight box widget before completing the following steps.


The highlight box widget you created is programmed to find the hidden sub-page called 'HighlightBox' and pull any items from it. To add a colour block to your highlight box, follow these steps:

  1. Find the hidden HighlightBox section for your page in your site structure; 
  2. Click on the blue Actions button and click Create content;
  3. A list of content will appear. Select the item called 'Colour block'(Find out how to add a Content type)
  4. A form will appear. Complete the form as follows:
Field title What should I do? Is it compulsory?
Name* Name the block and give it a concise description e.g. 'Colour block - training page'. This is for your reference and the user does not see this. Yes
Heading* Give the block a heading. This appears at the top of the colour block and is visible to the user. Yes
Box content*

Use the editor to add headings, content, bullet points or links. For more infomation on the menus and buttons on the editor please refer to the General content instructions page.

Colour* Select which colour you want to use. Find out more information about choosing colours in the Colour theme section. Yes, defaults to Primary colour palette
  1. Click Save and approve and preview your page.

Save and approve option