---
title: "How to Show Blog Posts in Masonry Grid Layout in Elementor?"
url: https://theplusaddons.com/docs/show-blog-posts-in-masonry-grid-layout-in-elementor/
date: 2023-05-04
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "Are you looking to create a visually stunning blog page with an attractive and modern masonry layout? With the Masonry grid layout, your blog posts will be displayed in a..."
image: https://theplusaddons.com/wp-content/uploads/2023/05/How-to-Show-Blog-Posts-in-Masonry-Grid-Layout-in-Elementor_-1024x536.jpg
word_count: 210
---

# How to Show Blog Posts in Masonry Grid Layout in Elementor?

## 

- Creates a visually stunning blog page using the Masonry grid layout in Elementor.
- Utilizes the Blog Listing widget from The Plus Addons for Elementor for customization options.
- Manages masonry columns and layout settings through the Columns Manage tab.

Are you looking to create a visually stunning blog page with an attractive and modern masonry layout? With the Masonry grid layout, your blog posts will be displayed in a staggered, Pinterest-style layout that is both eye-catching and engaging.

If you're using Elementor, you can easily create a Masonry grid layout for your blog posts using the Blog Listing widget from The Plus Addons for Elementor. This widget provides a variety of customisation options to ensure that your blog page matches your brand and design aesthetic.

*To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, [click here](/docs/blog-listing-widget-settings-overview/).*

***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//#blog-post-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, add the Blog Listing widget on the page, after selecting the appropriate listing type from the **Post Listing Types** dropdown and other related options, select **Masonry** from the **Layout** section.

![](https://theplusaddons.com/wp-content/uploads/2023/05/Blog-Listing-Masonry-new.png)

Now your blog post listing will show in a beautiful masonry layout. You can manage the masonry columns from the **Columns Manage** tab.

You can fine-tune the layout with other settings and style options.

![blog listing masonry layout demo](https://theplusaddons.com/wp-content/uploads/2023/05/blog-listing-masonry-layout-demo.png)

Also, check [How to Show Blog Posts in Carousel Slider in Elementor](https://theplusaddons.com/docs//show-blog-posts-in-carousel-slider-in-elementor/).