Image Collage

What is an image collage?

Prominently place a hero or a large format image on your website landing pages. Optionally add additional slides.

Example of an image collage

This is an example of an image collage using a three-image layout

Optional caption field

How to add an image collage:

  1. In the page edit view, add a new block called Image Collage.
  2. An Image Collage block with a blank Image block nested inside will be created.
  3. Select the parent Images block and adjust the block settings in the right sidebar:
    • Layout: Choose between a single-, two-, or three-image layout and how they should display.
    • Aspect ratio: Select between a number of landscape and portrait aspect ratios.
    • Content width: Select if you would like the images content to be the full-width of the container or inset.
    • Change the width/alignment or color scheme.
  4. Select the Image block and use the block settings in the right sidebar to choose an image and add alt text.
  5. To add more images, select the parent Image Collage block and select the plus icon in the lower right.
  6. Optionally add captions to the image(s).

Blocks and components

Paragraph Heading List Image Accordion Button Style Cards Text Block Call To Action Links 50/50 Cards Vertical Cards Simple Table Custom HTML Post List Hero Horizontal Rule Image Collage