Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

Elementor Post Grid Widget

How to Use Elementor Post Grid Widget

The requirement of showing post is possible gird wise by our Elementor Post Grid Widget. Here, I’ll show how you can use the widget section-wise.

To Insert Widget

Inserting the widget is just a matter of drag and dropping. As you see in the screenshot above.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part of a website[option be added]. And in this regard, some handy sections in the tab will assist you a lot in designing the Elementor Post Grid Widget.


In this section, you can edit or select all the controls and can also enable the switcher button(Yes/No) in accordance with the design you want.

With the default functions, if you are to use another function, you have to activate/choose them.

Elementor Post Grid Widget layout

Go to the Content tab > Layout.


This section works for setting the source location of data that you need to display by the reference like Author, Categories, Tags, and Formats. The references can be different in accordance with the source location. Read more.

postgrid 1 - BdThemes


For example, 

A.  Go to Source ➤ next select data location( as posts, pages, etc.) 

B. Then, one after another set the Categories, Tags, and Formats.

C. Order By and Order controls are here to arrange the data you want to display through Random, Title, Date, or Menu order-wise and also with ascending or descending order.

D. Another more thing Offset.

Go to the Content tab > Query to get this on the Elementor post widget.


In this section, you will be able to manipulate Title, Author, Date, Comments, Category, Excerpt, and Read More.

post widget additional settings

Just follow the flow Content tab > Additional.

Style Tab

Now, let’s work with the Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design the Elementor Post Grid Widget. 

Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look


This section will let you set Animation, Border Type, Width, Color to the Image.

Elementor Post Grid Widget image style

Go to the Style tab > Image.


From this section, you can add color, spacing, and typography to the Title.

postgrid style 2 - BdThemes

Just, go to the Style tab > Title.

Author, Excerpt, Date, Comments &Category

In terms of all these sections, you’ll be able to set Color, Typography. But, regarding Date and Category, you can do one more thing individually with such as Divider Color and Background for the post widget.

post grid category colors

Feel free and go to the Style tab > Author > Date > Comments > Category > Excerpt.

Read More

Here, as to both Normal mode and Hover mode, you are going to add style. Look at the screenshot below.


postgrid style 4 - BdThemes


postgrid style 5 - BdThemes


In this section, you’ll be able to work with trio mode namely Normal, Hover, and Active. Keep your eyes balls on the screenshot below.


postgrid style 6 - BdThemes


postgrid style 7 - BdThemes


postgrid style 8 - BdThemes

Video Assist

It seems that you’ve read it out. In the documentation, you’ve noticed. You can show Posts, Pages, Portfolios, Events, etc. Most importantly, some awesome Skins. Watch the video and hit the demo page to get better ideas about the Elementor Post Grid Widget.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.