When your cards have different heights – a mix of short and long excerpts, or images of different aspect ratios – an even grid leaves awkward gaps.
Dynamic Listing’s Masonry layout packs cards into a staggered, Pinterest-style column layout instead, so uneven card heights sit flush against each other.
For the full settings tour of the Dynamic Listing widget, see Dynamic Listing Widget Settings Overview.
Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Prerequisite: Elementor (free) installed and active.
- Edition: Dynamic Listing is a Pro widget – it needs The Plus Addons for Elementor Pro installed and its license activated. It will not appear in the free plugin.
- Widget to enable: go to The Plus Addons > Widgets, search for Dynamic Listing and turn its toggle on.
Steps
- Add the Dynamic Listing widget to the page.
- Set Post Type under Content Source to the custom post type you want.
- Under Content Layout, set Layout to Masonry.
Column counts still come from the same Columns Manage section (Desktop/Tablet/Mobile Column) used by the Grid layout – Masonry only changes how cards of different heights are packed inside those columns.
Settings Overview
| Setting | What it does | Default |
|---|---|---|
| Layout | Grid, Masonry, Metro or Carousel. | Grid |
| Desktop Column | Columns at desktop width (shared with Grid layout). | 3 |
Limitations
- Masonry reflows on image load, so cards can visibly shift position for a moment on a slow connection – this is standard masonry behavior, not specific to this widget.
Related Docs
- How to Create Elementor Custom Post Type Grid?
- How to Show Custom Post Types in Metro Layout in Elementor?
Not verified
So you know exactly what has and has not been checked:
- Masonry reflow behavior on a real slow-network load was not measured; only the settled layout is confirmed in this wave’s screenshots.
