Live demo · Masonry
Elementor Events Masonry Layout for The Events Calendar
The Eventful Masonry widget packs event cards of different heights into tidy columns, like a Pinterest board. Keep each image at its natural shape, show longer descriptions, and the columns still line up. Every layout below is the live widget.
Eventful Masonry widgetPro
01
Three-column events masonry
How to set it: Drop in Eventful Masonry. Columns: 3 on desktop, 2 on tablet, 1 on mobile. Image Resolution: Large (natural shape). Content: Words Length 26.
Live widget · natural image sizes (Pro)
Future Leaders Business Summit
- San Francisco,United States
- $299
Outdoor Team Building Retreat
- Sydney,Australia
- $450
Digital Marketing Growth Conference
- San Francisco,United States
- $199
Product Design Sprint
- Brooklyn,United States
- $180
Investor Networking Evening
- London,United Kingdom
- $40
Retail Tech Expo
- Chicago,United States
- $60
Leadership Communication Bootcamp
- San Francisco,United States
- $240
Music Industry Business Gala
- Sydney,Australia
- $95
SaaS Pricing Workshop
- London,United Kingdom
- $110
02
Four columns with Load More
How to set it: Columns: 4. Content off for a gallery feel. Pagination: Load More Button (Ajax), 8 per page.
Live widget · Load More (Pro)
03
Masonry with category filters
How to set it: Advanced Filtering on: a Categories row shown as buttons with event counts. Results reflow without a page reload.
Live widget · AJAX category filter (Pro)
Options
What you can customise
Everything below is a control in the Elementor panel. No code needed.
- Columns per device and gaps between columns and rows
- Any image size, including the original shape
- Zoom and grayscale image effects
- Drag to reorder or hide the image, title, meta, excerpt and share buttons
- Event meta: date, venue, organizer, price, category or tag
- Load More, number, infinite or normal pagination
- AJAX live filters and keyword search
- 3 ready-made designs (shared with the Grid)
- Typography, colours, borders and spacing in the Style tab
Is the Masonry widget in the free version?
No. Eventful Masonry is a Pro widget. The free version includes the Grid widget.
What is the difference between Grid and an events masonry layout?
Grid lines cards up in rows of equal height. Masonry lets each card keep its own height and fills the gaps column by column, so images can keep their natural shape.
Does masonry work with AJAX filters and Load More?
Yes. The columns are rebuilt after filtering and after more events load.
Last updated:
Give your events the layout they deserve
Nine Elementor widgets, AJAX filters and full style control. Try the free version or go Pro today.