“Post Block Widget” allows you to display your blog posts for free in a card design in a grid layout in Elementor. It comes with lots of customization options to give your post blocks a stunning look. Its advanced post query options will give you full control to filter your posts exactly the way you want.
Let’s look at each of the options in the “Post Block Widget” below.
Elementor Post Blocks Tutorial Video
Add Free Post Blocks for Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Post Blocks”
- Hover over the widget in the search results and click install
- Add your “Post Blocks” widget to any Elementor Page
General Settings for Elementor Post Blocks
Post List Image Size
Select the post list image size from the drop-down list
- Medium Large (max width 768)
- Large (max width 1024)
- Medium (max width 300)
- Thumbnail (150x150)
- Full Size
- 1536x1536 (max width 1536)
- 2048x2048 (max width 2048)
Number Of Items
Choose the number of items you want to display in a row.
Grid Gap
Set the gap between post items.
Text Align
Set the text alignment from below options.
- Inherit
- Left
- Right
- Center
Button Text
Type the text for button.
Intro Number of Characters
Define the number of characters of post you want to display.
Layout Settings for Elementor Post Blocks
Show or hide elements in Post List.
Show Image
Show/Hide the image of the post.
Show Categories
Show/Hide the categories of post items.
Show Title
Show/Hide the title of the post.
Show Text
Show/Hide the post text.
Show Button
Show/Hide the button.
Meta Data
Select from the below options to show meta data.
- Hide
- After Title
- Before Title
Post Query Setting for Elementor Post Blocks
Select the exact posts you want to show on your Post Blocks.
Posts Source
Choose any of the below options for your post source.
- Current Query Post
- Custom Posts
- Related Posts
- Manual Selection
Post Types
Choose the type of post you want to display.
Include By
Include the posts from different options given below
- Include Sticky Posts
- Get Only Sticky Posts
- Author
- Date
- Post Parent
- Post Meta
- Most Viewed
- ID's from PHP function
- ID's from Post Meta
- ID's from Dynamic Field
Include By Terms
Choose specific posts that you would like to include from your selection by adding rules.
- Include By Terms Relation
- Include Terms Children
Exclude By
Choose specific posts that you would like to exclude from your selection by adding rules.
- Terms
- Current Posts
- Author
- Post Without Featured Image
- Posts with current category
- Posts with current tags
- Offset
- Avoid Duplicates
- ID's from Dynamic Field
To know more about post query setting, please visit our article on Advanced Post Selection
Post Pagination and Ajax Setting for Elementor Post Blocks
Pagination
Display the pagination for your post grid
- None
- Numbers
- Using Pagination Widget
Enable Ajax
Enable/Disable filters interaction with Ajax
Elementor Post Blocks Styling
A variety of styling options are provided to control every aspect of the widget’s appearance. Select the colors that match the theme of your site. Make the widget look exactly how you want it to, by customizing the text, buttons, fonts, and layout.
Box Styling for Elementor Post Blocks
Style the box radius, box border, background color, and background image.
Content Styling for Elementor Post Blocks
You can set the content padding.
Image Styling for Elementor Post Blocks
Set image height, image fit, and positioning.
Category Styling for Elementor Post Blocks
Style the color, typography, and spacing of the title in this section.
Title Styling for Elementor Post Blocks
In this section, style the color, color hover, typography, and spacing of title.
Meta Data Styling for Elementor Post Blocks
Set the meta data color, typography, spacing, and gap.
Text Styling for Elementor Post Blocks
Set the text color, typography, and spacing.
Button Styling for Elementor Post Blocks
Set the button padding, radius, background, text color, spacing, border, typography and hover effect.
Usage Examples of Elementor Post Blocks
Here are some live use cases for the Post Blocks Widget.
Free Elementor Post Blocks with a Load More Button
Free Elementor Post Blocks with Additional Information
Thank you for using the Post Blocks Widget for Elementor! With its flexible layout options and easy-to-use customization, this is the best Post Blocks Widget for Elementor, ideal for creating eye-catching post grids or content blocks. We hope it enhances your website’s content presentation. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
