fbpx

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.

Layout

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.

Query

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.

 

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.

Additional

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

Image

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.

Title

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

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.

Normal:

Hover:

Pagination

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.

Normal:

Hover:

Active:


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.

SIGNUP NEWSLETTER

Don’t worry we hate spam and we promise you will get only quality news and offer from us.

Missed Black Friday offer this year? Get up for flat 50% discount right now. Check Here

© Copyright 2021 All Rights Reserved by BdThemes

Missed the Black Friday offer this year? Get up for flat 50% discount right now.