Skip to main content

Image Grid

How do I...

What is an Image Grid?

Image Grid is a layout builder block that will places images in a grid with option of two, three or 4 images per row.

How do I create an Image Grid?

  1. In Layout Builder, add a block.
  2. A tray slides in from the right displaying options, select Image Grid
  3. Add title for the Image Grid (Display title optional, uncheck to hide title)
  4. Under Image Grid Layout select how many images per row
  5. Images per row drop down
  6. Under Images
    • Add Media
    • Add media
    • Add Link 
    • Add Url
    • Add Link Text
  7. Select Add Image Grid Item to add another image
  8. Optional button link below the image grid
    • Button Link
    • Add Url
    • Link text
    • Screenshot to add a button lnk, the url and Link text.