Skip to main content

Image Grid Section

Display two images side by side, with adjustable layout and overlay options.

Add an Image Grid section to show two images side by side (photos, illustrations, or other visuals) in configurable layouts. Stack multiple sections to build a larger gallery.

Adding the section

Click the + button between sections and choose Image Grid.

Adding images

Click into either the left or right column and choose an image to upload, or select one from Unsplash or a URL.

Both images need to be added before the section publishes correctly on the page.

Layout options

Click the paintbrush/options icon to adjust:

  • Image position — swap which image appears on the left vs right

  • Image width — choose Narrow (25/75), Equal (50/50), or Wide (75/25) split between the two columns

  • Images overlay opacity — darken or lighten both images with an overlay

Changing an image

Hover over an image and click Change Image to replace it.

Tips

  • Use Equal width for direct comparisons (before/after).

  • Use Narrow/Wide when one image is the main focus and the other is supporting context.

Did this answer your question?