A four-panel (quad), masonry-style* layout that features a heading, image, and link.

*Masonry layout is a layout method where one axis uses a typical strict grid layout, most often columns, and the other a masonry layout. On the masonry axis, rather than sticking to a strict grid with gaps being left after shorter items, the items in the following row rise up to completely fill the gaps.

Quad Masonry Settings:

Screenshot of settings.
  • Title
    • The heading for this section
  • Select a Style
    • You have the option to change this from Primary background (the light-gray patterned background) or a Navy background; the heading color will change according to this
  • Location (Top Left)
    • All four elements are separated by Top Left, Top Right, Bottom Left, and Bottom Right
    • Link for the page you want people to visit when they click this image
  • Background image
    • In order to produce a true ‘masonry’ style layout, the top left, and bottom right images should be cropped to a 1:1 square, while the top right and bottom left should be cropped to a 16:9 format
  • Disable Link
    • Use this if you’d like to disable the link and only show text over the image