Are you finding a way to manage your tons of posts? In connection with this, you can go for Post Block Modern widget. We’re here offering you documentation so that you aren’t to face any issue while using our widget.
Just, follow the instructions with pictures detailed.
So, let’s get it started.
To Insert Widget
Inserting the widget is just a matter of dragging and dropping. As you see in the screenshot above, drag the Elementor post block inside your page.
Using the Content tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot in designing the Post Block Modern Widget.
Now, I’m going to show the sections of the tab and how they work behind the widget.
First of all, come to the Layout section from the Content tab. This section also includes two sub-sections (Source and Categories).
A. Go to Source ➤ next select Manual Selection.
B. Then, select the Categories from the field adjacent to it.
C. The important thing is to set the post and image size that is super easy.
D. Order By and Order controls are here to arrange the data you want to display through Random, Title, Date, add Category wise also with ascending or descending order of the post gallery.
E. Like the Read More switcher button, you’ll be able to manage others, just hitting the Yes/No button.
Finally, come to the Read More section > then, add text in the Read More Text field > and select icon. If you do so, you’ll find two options Icon Position and Icon Spacing.
To style, something by the Element Pack is really a matter of fun. So, let’s see how to style the web content using the Elementor post block widget.
In terms of styling this section, just, go to the Style tab > Left Part. Then come to the sub-sections (such as Title, Date, Category, and Excerpt) > add color and background color and also select typography individually. As you see in the screenshot above.
This section is quite similar to the Left Part section. See the image example above.
To design the button just go to Read More to Normal and use all the controls you see there.
Similarly, go for the Hover and you can also add Animation.
For adding a hover effect with animation to the button, go to Hover > Animation (like Grow, Shrink, Push, etc.).
Here is nothing more to do except adjusting space. Simply, go to the Style tab > Additional Options. That’s it all.
Finally, I hope you’ve noticed what is Post Block Modern widget is and how it works for you. Watch the video inserted above. If you want to discover what more is possible to do using this one, you can visit the demo page.
[Note- on-page video link]