Post Gallery widget is an amazing tool developed by Element Pack Pro. With this widget, you can show hundreds of posts with a grid style. Developed for all occasions, this widget supports posts, blogs, products, etc. a variety of categories.
You can use the Post Gallery widget very easily by following the instruction I’m about to give you. Let me give you a complete guide to it!
To Insert Widget
Inserting the widget is just a matter of drag and drop. However, click and hold on the widget icon from the menu and drag the Elementor posts widget to the drop point. Follow the picture above.
Using the Content tab, you can basically make a layout of a particular part of the website.
Go to Content Tab> Layout
The first section Layout has a bunch of controllers. You can choose the appearance style of the post gallery from the drop-down option named Skin. Remember, each Skin comes with a slightly different set of editable sections for the Post Gallery widget.
Also, you can select the number of posts showing per page. The Pagination switcher enables the pagination box underneath the posts.
Go to Content Tab> Query
In this section, you can select what you want to display by selecting from Source. There’re also fields for unique selection such as Categories, Tags, & Format. You can set the order by or offset to the post gallery.
Go to Content Tab> Filter Bar
The Filter Bar section has the Show switcher. Turning it on will show the filter bar above the Elementor post gallery. However, you can classify what the filter bar will show on the screen from Taxonomy.
Go to Content Tab> Additional
This is the last part section of the Content tab. In this section, you can choose an animation for the overlay screen that appears on the posts when you hover your mouse over it. Additionally, you can choose to show the title, excerpt, tags, tilt effect, etc. from here. Also, you can set animation for the whole grid entrance as well for the Elementor post gallery.
Now, time for some Style. In this Style tab, you will have more options to create your unique Post Gallery widget as you like. Let’s have a look.
Go to Style Tab> Items
The first section of the Style tab is the Items section. Here, you will see some scroll bars and controllers. Like the image above, you can edit the overlay part, change the title color, or customize the borders of the post gallery.
Go to Style Tab> Excerpt
You can change the color, set margin, and edit the typography of the excerpt of the post gallery from here.
Go to Style Tab> Button
The Button section lets you edit the two buttons on each post boxes in the post gallery. You can change their color, background, add hover effect, border, etc. of the Elementor Post Gallery Widget from this section.
Go to Style Tab> Filter Bar
In this section, you will get a bunch of controllers to customize the filter bar at the top of the post gallery. It’s easy to edit their appearance, hence you should take a look at it.
Go to Style Tab> Category
This section has a color and a typography controller for the category you can see on the overlay screen.
Go to Style Tab> Pagination
Lastly, you can change the appearance of the pagination at the bottom of the post gallery. You can basically change the color, background type, offset value, spacing, padding, etc. of the pagination buttons here. Pretty easy right?
Well done. Seems you have learned the whole thing and how it works. It is easy and fun. Watch Video Assist and to get more in-depth ideas about the usage of the Post Gallery widget, take a tour to the demo page.
[Note: on-site video link]