Portfolio Masonry

Portfolio Masonry arranges items in a masonry layout. Masonry means items can have different heights and pack tightly like bricks in a wall. Use it for photography and design galleries where equal row heights feel too rigid.

How to Create a Masonry Portfolio

To create a Masonry portfolio:

1. Add the Portfolio Masonry block.
2. Configure Query and Layouts.
3. Open the Masonry panel to set gutter spacing and optional infinite loading.
4. Style images and typography.
5. Check responsive preview and publish.

• Layout: Columns, post layout, variation, and meta items.
• Masonry Gutter: Space between masonry items.
• Lazy Load: Optionally delay loading images until needed.
• Load More: None, Button, or Pagination. When Load More is None, you can enable Post Masonry Infinite with loading and ending messages.
• Images / Typography / Spacing / Colors: Same shared styling approach as Grid.
• Normal & Hover: Supported on style controls that offer state tabs.
• Responsive Settings: Device-specific values and hide options.