How to Use Post Grid Widget

how_to_use_post_grid

How to Use Post Grid Widget

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

To Insert Widget

Inserting widget, it 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.

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.

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.

Additional

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

Just follow the flow Content tab > Additional.



Style Tab

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

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.

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.

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, Portfolio, Events, etc. Most importantly, some awesome Skins. Watch the video and hit the demo page to get better ideas about it.


About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.


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