fbpx

Table Of Contents

How to Use Post Block Modern Widget

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 Post Block Modern 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.

Content Tab

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.

Layout

First of all, come to the Layout section from the Content tab. This section also includes two sub-sections (Source and Categories).

For example, 

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.

Read More

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.


Style Tab

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.

Left Part

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.

Right Part

This section is quite similar to the Left Part section. See the image example above.

Read More

To design the button just go to Read More to Normal and use all the controls you see there. 

Normal:

Hover:

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

Additional Options

Here is nothing more to do except adjusting space. Simply, go to the Style tab > Additional Options. That’s it all.

Video Assist

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]

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.