Do you want your blog posts in a tidy grid of cards? A grid gives every post the same size and lets readers scan a lot of titles at once.
Grid is the default layout of the Blog/Post Listing widget in The Plus Addons for Elementor, with separate column counts for each device.
To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Free — available in both The Plus Addons for Elementor (Free) and Pro.
- Widget to enable: Blog/Post Listing, switched on under ThePlus Settings > Widgets.
Step 1: Add the widget and choose Grid
Drag the Blog/Post Listing widget onto the page. In Content > Layout, Layout is already Grid.
Step 2: Pick a style
Style, in the same section, sets the card design. The free plugin includes Style 1, Style 5 and Smart Loop Builder; Styles 2, 3 and 4 are Pro.
Step 3: Set the columns
Open Content > Columns Manage. Desktop Column defaults to Column 4, Tablet Column to Column 3 and Mobile Column to Column 2. Each offers 1, 2, 3, 4, 5 or 6 columns.
Settings Reference
| Setting | Where | Options | Default |
|---|---|---|---|
| Layout | Content > Layout | Grid, Masonry, Metro, Carousel (Pro) | Grid |
| Style | Content > Layout | Style 1 to 5, Smart Loop Builder | Style 1 |
| Desktop Column | Content > Columns Manage | Column 1 to 6 | Column 4 |
| Tablet Column | Content > Columns Manage | Column 1 to 6 | Column 3 |
| Mobile Column | Content > Columns Manage | Column 1 to 6 | Column 2 |
| Maximum Post Display | Content > Content Source | Number | 8 |
Limitations
- Even cards, uneven content. Different title and excerpt lengths still make cards different heights. Limit them with Title Limit and the excerpt Count.
- Column counts are fixed choices, from one to six.
Troubleshooting
The grid shows one post per row
You may be previewing tablet or mobile. Check Tablet Column and Mobile Column, and use Elementor’s device switcher.
The column settings are missing
The Layout is Metro or Carousel, which use their own column settings.
