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.
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.
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.
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.
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.
