Columns (Paragraph block)

The columns block is used to display a large body of text with a heading and optional image. This block is the preferred alternative to the deprecated ‘Article overlay’ block.

The columns block is flexible, and supports headings, paragraphs, buttons, links, bullet lists and images. When images have been added, you can customise the style and aspect ratio in the block settings to select rounded corners and alternate between horizontal, square and vertical images.

There are 4 different variants of this block: One column of text with an image, one column of text without an image, two columns of text with an image and two columns without an image.

This block is added with the Column block. Refer to the example section below to find how to set up each variation.

Rules

Must include a heading and body text
Maximum of one image per block
Use H5 headings for subtitles and headings below images

Content limits

Heading: 60 characters (Max)
Body text: 1750 characters (Max), 500 characters (Min)

Examples

One column without an image

To add this variation, insert the column block and select the one-column option. Add headings and text as required.

Heading

Optional subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus. Ut in sem feugiat, condimentum massa hendrerit, aliquet libero. Nam imperdiet molestie nulla, non ullamcorper tortor finibus sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

One column text with an image

To add this variation, insert the column block and select the two-column option with the 66/33 split. Place your image in the smaller column and add your headings and text in the larger column as required.

Heading

Optional subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus.

Optional heading to describe image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus.

Two columns without an image

To add this variation, insert the column block and select the two-column option with the 50/50 split. Add your headings and text as required.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus.

Heading

Optional subtitle

Two columns with an image

To add this variation, insert the column block and select the three-column option. Add your headings and text as required in the left and centre columns and your image in the right column.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus. Ut in sem feugiat, condimentum massa hendrerit, aliquet libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus.

2 Different Paragraph blocks stacked

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus. Ut in sem feugiat, condimentum massa hendrerit, aliquet libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non turpis vitae metus euismod finibus.

Columns (Paragraph block)

Rules

Content limits

Examples

One column without an image

Heading

Optional subtitle

One column text with an image

Heading

Optional subtitle

Optional heading to describe image

Two columns without an image

Heading

Heading

Optional subtitle

Two columns with an image

Heading

2 Different Paragraph blocks stacked

Heading

Heading

Heading

Optional subtitle

Alternative blocks