How to build box blocks

Box block

Blue box block

Lorem ipsum dolor sit amet

Box Colour: Blue

Icon: PDF file

Bottom Spacing: Standard

Read time

1 mins

Box block with modal

Box Colour: Lighest Grey

To add a teaser tag:

In the box component, got the the Metadata tab and select it form the 'Visible teaser tag' selector

Jelly babies

Box block with image

Lorem ipsum dolor sit amet

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Box block

Lorem ipsum dolor sit amet

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Box block with icon

Using CTA buttons

Brand icon block

Brand icon: phone call

Icon accent colour: red

Featured brand icon ticket

Box block with telephone availability block

With Telephone availability block

+44 1273 375689

We may record and monitor calls

Lines are currently closed

Disclaimer popup image

Box block with image and buttons

Add subtitle

Add text

Box with CTA style selected as dropdown

How to create Related links

Related links can be created by using Box Block

for CTA style use the option "Related links callout (main content area only)"

and can only be created if Box Block is being used in the main conatent area. 

For the Related links, subtitle or the body for the box block will not be shown on the page.

If the "Related links callout (main content area only)" CTA style option is being used in the Box block, however, the Box block is part of a Grid block then on the page the CTA style will be rendered as link.

Below are the examples:

Vacancy vanish

Box block Related links

CTA type as Related link, however, as the Box block is not used in the main contet area, it will be displayed as Link list and should NOT be shown as Related links.