Table of Contents
The Eventful Masonry widget packs event cards of different heights into columns, without gaps.
Masonry is part of Eventful Pro. It has the same settings as the Grid; the difference is the layout. Cards keep their natural height and each one moves up into the nearest space.
- Add Eventful Masonry to the page and open Content > Display Options.

Content > Display Options for the Masonry widget. - Choose the number of Columns for each device.
- Set the gaps with Columns margin and Rows margin.
- Let the content vary: show the excerpt in Content Fields, so cards have different heights.
Load more events #
Turn on Pagination and choose Load More Button (Ajax). New cards are added to the columns where there is space. See Pagination Types.