This is a V3 Adaptive component, part of the free catalog: free to copy on the free plan, within a monthly allowance, and no account is needed to start. What you copy stays licensed to you permanently, on unlimited sites, including client sites. See what each plan includes.
Styled by YOUR site. This preview uses our demo colors and fonts. The component itself contains no hardcoded styles: paste it into Elementor and it automatically adopts your site's Global Styles, so every element matches your brand.
Structure
Two-across masonry flow of posts for uneven card heights.
3 elements, single-column layout. Fully responsive: columns stack on mobile, and colors and typography resolve from your Global Styles.
Works with: Elementor Free · Elementor 3.16 or newer (Flexbox Containers)
About This Component
Masonry Archive Soft Gray 019, shipping as theme-archive-masonry-like-019, gives 3 elements single-column theme-archive shape. Nothing in theme-archive-masonry-like-019 is hardcoded: the archive-posts and heading widgets follow Global Styles. theme-archive-masonry-like-019 imports anywhere running an Elementor Pro license.
How to use
- 1.Download the template file. On the component page, click Download JSON. You get a single .json file exported in the correct theme template format.
- 2.Import it into Elementor. In WP Admin go to Templates, then Saved Templates, and click Import Templates. Choose the downloaded .json file. Because the file carries the right template type, Elementor files it under the matching Theme Builder section automatically.
- 3.Tune the post grid. Edit the template and select the Archive Posts widget to change columns, excerpt visibility, and meta. The widget always lists the posts of the archive being viewed; there is no query to configure for standard archives.
- 4.Set the display condition. Open Templates, then Theme Builder, find the imported template and click Add Condition. Choose Include, then Archives, then All Archives for everything, or pick specific archive kinds. For a search results template use Include, then Archives, then Search Results. Conditions never travel inside the JSON file; setting them is always your final step.
Full guide with troubleshooting: How to Import an Elementor Archive Template
This component includes widgets from the Elementor Pro plugin (e.g., forms, sliders). You'll need an active Elementor Pro license on your WordPress site to use them. Learn about Elementor Pro →
Masonry Archive Soft Gray 019
These components use Global Styles. They automatically inherit your site's colors, fonts, and button styles when you paste them. The V3 Adaptive catalog is the free half of the library.
Widgets used
Unlock Pro widgets with Elementor Pro
Get access to forms, sliders, testimonial carousels, and 20+ premium widgets
Get Elementor Pro →Launch Your Website: Get 20% Off Hostinger!
Ready to build your dream site? Get fast, reliable, and affordable web hosting with Hostinger. Use my exclusive link to score an extra 20% off your plan today!
Get 20% Off →Get premium cloud hosting, enterprise-grade security, and 24/7 support at your fingertips.
Ideal for agencies, freelancers, and businesses building professional WordPress sites.
Get Cloud hosting for WordPress →Related Theme Builder: Archive
Card Grid Archive Clean White 001
Three-across card grid of posts with excerpts and meta.
List Excerpts Archive Dark Slate 002
Single-column list of posts with full excerpts, reader-style.
Masonry Archive Clean White 003
Two-across masonry flow of posts for uneven card heights.
Featured First Archive Soft Gray 004
Intro banner for the lead story with the post grid underneath.
Card Grid Archive Dark Slate 005
Three-across card grid of posts with excerpts and meta.
List Excerpts Archive Clean White 006
Single-column list of posts with full excerpts, reader-style.
Masonry Archive Dark Slate 007
Two-across masonry flow of posts for uneven card heights.
Featured First Archive Clean White 008
Intro banner for the lead story with the post grid underneath.