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

post block modern 2 - BdThemes

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

post block modern 3 - BdThemes

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

post block modern style 1 - BdThemes

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

post block modern style 2 - BdThemes

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:

post block modern style 3 - BdThemes

Hover:

post block modern style 4 - BdThemes

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

post block modern style 5 - BdThemes

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]

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.