The Masonry layout is a special type of gallery layout where items are shown in an optimal position based on their size and the available space on a page. This layout creates a visually pleasing, staggered effect.

Available Settings

  • Columns – Set the number of masonry columns.
  • Images Aspect Ratio – Set custom aspect ratios for images. By default, the original image ratios are used.
  • Horizontal Order – Arrange items to (mostly) maintain a horizontal left-to-right order. This option might require some experimentation, as it may not always work as expected.
  • Gap – Set the spacing between gallery items.
  • Vertical Gap – Optionally set the vertical spacing between gallery items.
Was this page helpful?