The Block Settings panel allows you to control the visual appearance and layout structure of individual post blocks such as Grid, List, Tile, Carousel, and Hero layouts.
Below is a detailed explanation of each available option:
1. Enable Featured Image #
Toggle this option to show or hide the featured image of posts.
- ✅ Enabled – Displays the post’s featured image.
- ❌ Disabled – Hides the image and shows text-only layout.
Recommended: Always assign featured images to posts for best visual results.
2. Image Size #
Controls the size of the featured image displayed.
Example:
- Large – Displays larger image size for better visual impact.
Other available sizes depend on your theme and WordPress image settings (Thumbnail, Medium, Full, etc.).
3. Columns #
Defines how many columns the posts will be displayed in.
Example:
- 2 Columns – Displays posts in two equal-width columns.
Best practice:
- 2–3 columns for homepage sections
- 3–4 columns for wider layouts
- 1 column for sidebar layouts
4. Enable Equal Height #
When enabled, all post items will have equal height regardless of content length.
- Creates a clean and consistent grid layout
- Prevents uneven spacing due to longer excerpts
Recommended for grid-style designs.
5. Display Category #
Shows or hides the post category label above or within the post layout.
Useful for:
- News and magazine websites
- Multi-category homepage sections
6. Display Author #
Shows the post author name.
Helpful for:
- Multi-author blogs
- News portals
7. Display Date #
Displays the publication date of the post.
Recommended for news and blog websites where freshness matters.
8. Display Comment Count #
Shows the total number of comments on each post.
Encourages engagement and highlights active discussions.
9. Display Excerpt #
Displays a short summary of the post content below the title.
- Helps users understand the content quickly
- Improves readability and engagement
10. Content Border Radius #
Controls the roundness of the post container corners.
Example:
0– Sharp corners- Higher values (e.g., 10, 20) – Rounded corners
Useful for modern, soft UI designs.
11. Gutter Space #
Defines the spacing between columns and post items.
Example:
20– Adds 20px spacing between items.
Lower value = compact layout
Higher value = more spacious layout
12. Enable Box Shadow #
Adds a shadow effect around each post item.
- Creates depth and visual separation
- Makes grid items stand out
- Enhances modern card-style layouts
Design Recommendation #
For a clean and professional news layout:
- Enable Featured Image
- Use 2 or 3 Columns
- Enable Equal Height
- Display Category & Date
- Set Gutter Space between 15–25
- Enable Box Shadow for card-style design
These Block Settings give you full visual control to match your website’s branding and layout style.
