--- title: "How to Create Category Masonry Grid in Elementor?" url: https://theplusaddons.com/docs/create-category-masonry-grid-in-elementor/ date: 2025-01-09 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "A uniform grid can look repetitive when category images have different aspect ratios. The Dynamic Categories widget's Masonry layout packs terms into a Pinterest-style staggered grid instead, so varied image..." image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Create-Category-Masonry-Grid-in-Elementor_-1024x536.jpg word_count: 223 --- # How to Create Category Masonry Grid in Elementor? ## - The Dynamic Categories widget in The Plus Addons for Elementor uses a Masonry layout to pack terms into a Pinterest-style staggered grid, so varied image heights sit naturally next to each other. - The Dynamic Categories widget is a free widget that works with just The Plus Addons for Elementor installed, and it does not require a Pro licence. - The setup starts by adding the Dynamic Categories widget, choosing Masonry from Layout, and setting column counts under Columns Manage, with Display Image Size showing each term’s image at its natural size. A uniform grid can look repetitive when category images have different aspect ratios. The **Dynamic Categories** widget's **Masonry** layout packs terms into a Pinterest-style staggered grid instead, so varied image heights sit naturally next to each other. ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/dynamic-category/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** Dynamic Categories is a **free** widget - it works with just The Plus Addons for Elementor installed, no Pro licence required.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Dynamic Categories** and turn its toggle on. ## Steps - Add the **Dynamic Categories** widget to the page.- From **Layout**, choose **Masonry**.- Set your column counts under **Columns Manage**, the same as the Grid layout. ![Layout set to Masonry](https://theplusaddons.com/wp-content/uploads/2026/09/dynamic-categories-layout-masonry.webp) ## When to Use Masonry Instead of Grid - Category images with noticeably different heights or aspect ratios.- A more editorial, less uniform look than the strict rows of a Grid layout.- **Display Image Size** is on and each term's featured image varies in proportion. ## Settings Overview | Setting | What it does | Default | | ------- | ------------ | ------- | | Layout | Masonry arrangement (this doc's focus). | Grid (change to Masonry) | | Display Image Size | Shows each term's image at its natural size, useful with Masonry. | No | ## Related Docs - [How to Add Categories Listing in Elementor?](https://theplusaddons.com/docs/add-categories-listing-in-elementor/)- [How to Create Category Grid in Elementor?](https://theplusaddons.com/docs/create-category-grid-in-elementor/)- [How to Create Category Metro Layout in Elementor?](https://theplusaddons.com/docs/create-category-metro-layout-in-elementor/) ## Frequently Asked Questions **Q: What do I need before creating a category masonry grid in Elementor?** A: Elementor free has to be installed and active, and The Plus Addons for Elementor needs to be installed and activated too. The Dynamic Categories widget is a free widget, so no Pro licence is required. That matters because the masonry layout lives inside that widget, not in Elementor by itself. If the widget toggle is off under The Plus Addons > Widgets, the layout option will not be available. **Q: Why would I use a masonry layout instead of a regular grid for categories?** A: Masonry works better when category images have different heights or aspect ratios, because it packs terms into a Pinterest-style staggered grid instead of forcing everything into strict rows. That gives the page a more editorial look and avoids awkward empty space that a uniform grid can create. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this layout through the Dynamic Categories widget. **Q: How do I make category images keep their natural size in a masonry layout?** A: Display Image Size is the setting that matters here. When it is on, each term’s featured image shows at its natural size, which is exactly why masonry looks better with mixed image proportions. If you leave images forced into a uniform treatment, the staggered layout loses part of its visual advantage. This setting is listed as No by default in the page’s settings overview. **Q: What if the masonry layout does not show up in Dynamic Categories?** A: The usual blocker is that the widget itself has not been enabled yet. Dynamic Categories needs to be turned on under The Plus Addons > Widgets after The Plus Addons for Elementor is installed and activated. Since this is a free widget, you do not need a Pro licence for it to appear. If the widget is active and Elementor free is installed, the Layout option should let you switch to Masonry. **Q: Can I control how many columns the category masonry grid uses?** A: Column count is still controlled through Columns Manage, just like the Grid layout. That means masonry changes how items flow vertically, but it does not remove your ability to set the column structure. This is useful when you want the staggered look without losing control over how dense or open the listing feels on desktop or smaller screens. **Q: Where can I see the live Dynamic Categories widget or related setup guides?** A: The live widget link is available here: [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/dynamic-category/?utm_source=tpae&utm_medium=docs&utm_campaign=text). For related setups, the page points to [How to Add Categories Listing in Elementor?](https://theplusaddons.com/docs/add-categories-listing-in-elementor/), [How to Create Category Grid in Elementor?](https://theplusaddons.com/docs/create-category-grid-in-elementor/), and [How to Create Category Metro Layout in Elementor?](https://theplusaddons.com/docs/create-category-metro-layout-in-elementor/). Those are useful when you want to compare layouts before choosing Masonry.