Masonry
Columns of uneven height, packed so no vertical gaps are left — the Pinterest arrangement.
Masonry keeps every image's own proportions and drops each one into whichever column is currently shortest. The result is even columns with ragged bottoms, rather than Justified's even rows.
When to use it
- Mixed portrait and landscape photos you don't want cropped.
- Long, scrolling galleries — masonry reads naturally as you scroll.
- Moodboards, inspiration walls, blog image round-ups.
Choose Justified instead when tidy horizontal bands matter more than column balance, or Grid when your images are already uniform.
Its own settings
| Control | What it does | Default |
|---|---|---|
| Columns | How many columns to pack into. Responsive, 1–8. | 4 desktop / 3 tablet / 2 mobile |
Masonry and Grid share one control set by design, so switching between them is a one-click change of packing.
Shared settings
Masonry supports every shared panel — see the gallery block reference:
- Gaps, Order and the Ajax Pagination switch
- Image & Video Settings
- Content Settings — Classic and Overlay both work
- Image Click Action, Filter & Search, Motion Effects, Advanced
Things worth knowing
It measures, so it settles. Masonry packs columns from real heights, which it can only know once the page has laid out. Expect a brief settle on load and a reflow when the window resizes. That's also why it's the one layout that has to measure your captions — with Classic content on, a tile's height includes its text, and the packing accounts for it.
Reading order isn't left-to-right. Items fill the shortest column, so image 2 may sit below image 1 rather than beside it. If strict order matters to your readers, use Grid.
Filtering closes the gaps. When a visitor filters a masonry gallery, the hidden tiles are skipped and the columns repack — no holes left behind. Filter & Search →
Padding is respected. If you set Advanced → Padding on the gallery, masonry places its tiles inside that padding rather than under it.