Image copy section

A large square image and block of text displayed side by side.

Image copy section example

Example of how an Image Copy Section component would appear on desktop.
Example of how an Image Copy Section component would appear on mobile.

When to use an image copy section

Image copy sections are often used at the top of a page to introduce the content. They can also be used for longer sections of text – where there is an accompanying image available – to make pages more visually appealing.

Key features and behaviour

  • You can choose for the image to appear on the left or the right of the copy, depending on the page layout. The alignment can be changed by selecting reverse alignment in Experience Editor.
  • The text inside an image copy section is edited using a rich text editor, giving you more control over the styling and allowing you to add headings, bullet points, links and CTA buttons.

How to use an image copy section

Image dimensions

You will need upload the image to the Media Library in the correct dimensions.

Image dimensions

602px by 602px

Recommended word count

Image copy sections have a limited amount of space for text. When using an image copy section, make sure that you follow the recommended word count so the text does not appear below the image.

If you have considerably less text, you may want to use a small image copy section instead.

Header

8-45 characters (with spaces)

Body text

100-140 words