How to Use & Customize Post Grid Widget

Use “Post Grid” templates quickly with RomethemeKit. Here’s a comprehensive article to explain each method in detail.

Follow the step-by-step instructions:

Step 1: Use Post Grid

• Go to Menu Romethemekit, and you will be able to see the Post Grid Widget.
• Click Add New Container.

• On the canvas, select your structure.

• Drag Post Grid Widget from the Elementor and Drop it on the selected area.

Step 2: Use Blog Post From Pre-Made Templates

• Click on the RomethemeKit Logo to insert a blog post from our premade templates.

• Click Tab “Block” and Select Blog Post.

• Select your Desired Template.
• Click Import to add or click Preview to show the demo.
• You can see your template Blog Post showing.

Step 3: Customize Blog Post

Customize Layout

• Click Menu Layout
• Select Layout Style: grid or block

Setting Content

• Click Menu Query.
• Select Post Count and Select Post By.
• Post Count is used to display the number of your posts.

Read More Button

• Click the Menu Read More Button.
• Edit Label.
• Select Yes to add an icon → Click Icon Library.

• Click Rometheme Icon Pack → Choose Icon → click Insert.

Setting Image

• Click Menu Style → Featured Image.
• You can set the border radius, margin, and padding.

Setting Title

• Click Menu Style → Title.
• Setting the typography, alignment, margin, and padding.
• You can change the title color, click the color box → select your color.

Setting Floating Category

• Click Menu Style → Floating Category.
• Floating Category is used to display your blog categories.
• Setting the typography, position, border radius, margin, and padding.
• You can change the category color and background color.

Don’t forget to click Publish to save your update.