Quad Masonry
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:
- 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