HT Mega Elementor Post Grid widget displays posts in the grid. This widget is a valuable and straightforward widget for displaying articles from your blog with multiple options.
How to use a Post Grid Widget of HTMega Addons
You can see the below video to get an insight into how you can use the Post Grid Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.
Steps of adding Post Grid Widget
Go to WordPress Dashboard > HTMega Addons > Settings > Elements. From the list of Elements, turn ON the “Post Grid” widget.
Step 1: How to Enable Post Grid?
![](https://wphtmega.com/wp-content/uploads/2022/06/post-grid-1.png)
Step 2: How to use the Post Grid Widget?
To add the Post Grid widget, search by “Post Grid” and use the widget that has the “HT badge”
![](https://wphtmega.com/wp-content/uploads/2022/06/post-grid-2.png)
Drag and drop the HT Mega Post Grid widget onto the Page Template.
![](https://wphtmega.com/wp-content/uploads/2022/06/post-grid-3.png)
Step 3: How to customize the Post Grid Widget?
Content :
Style: You have 5 different styles of Post Grid. You can choose your style from the select options
![](https://wphtmega.com/wp-content/uploads/2022/06/post-grid-4.png)
Post Option: You can change the Customize according to your needs
![](https://wphtmega.com/wp-content/uploads/2022/06/post-grid-5.png)
How to customize the Post Grid style
Post Items Box Style: You can customize the style of the Post Items Box Style as you like
![](https://wphtmega.com/wp-content/uploads/2022/06/post-grid-6.png)
Custom Gradient Color: You can customize the style of the Custom Gradient Color as you like
![](https://wphtmega.com/wp-content/uploads/2022/06/post-grid-7.png)
Title: You can customize the style of the Title as you like
![](https://wphtmega.com/wp-content/uploads/2022/06/post-grid-8.png)
Date: You can customize the style of the Date as you like
![](https://wphtmega.com/wp-content/uploads/2022/06/post-grid-10.png)
Category: You can customize the style of the Category as you like
![](https://wphtmega.com/wp-content/uploads/2022/06/post-grid-11.png)
Usage Examples
Here are some live use cases for the Post Grid widget. Follow this link to see more Demos
![Post Grid Widget](https://wphtmega.com/wp-content/uploads/2022/06/post-grid.gif)
Was this helpful?
Good job! Please give your positive feedback
How could we improve this post? Please Help us.