Small image copy section

​Display a small square image and text block side by side.

Small image copy section H2 example

Small image copy section
Small image copy section mobile view

Why use a small image copy section

Small image copy sections are useful for aligning text with an image that illustrates the copy.

They are often used in the middle of page to break up the content with a short paragraph of text, accompanying image and call-to-action. There is a limited space for the text which ensures the image and copy align well. 

Key features

  • You can add an optional call-to-action (CTA) button at the bottom of a small image copy section.
  • The heading at the top of a small image copy section can be H2 or H3. The heading size can be change in the component rendering options in Experience Editor.

How to create a small image copy section

Image dimensions

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

Image dimensions

305px by 305px

Recommended word count

Make sure that you follow the recommended word count so that the text does not wrap below the image.

If you have more text than fits the space, consider using an image copy section instead.

Header

8-30 characters (with spaces)

Body text

20-60 words