BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Guide

Post Grid Free

How to set up and style the Post Grid widget in Elementor.

Post Grid lists posts, pages or other public post types as cards with a featured image, meta, title, excerpt and a read more link. Use it for a blog section on the home page, a related posts area or a news archive block.

Part of: Bright Addons (free).

Set it up

  1. Drag the Post Grid widget onto the page.

  2. In Query, choose the Post Type. For posts, pick Categories or leave the field empty for all.

  3. Set Number of Posts, Order By and Order.

  4. In Layout, set Columns for each device and the Gap between cards.

  5. Choose what each card shows: Featured Image, Meta, Excerpt and Read More.

  6. Set the Excerpt Length (words) and the Read More Text.

  7. Open the Style tab to style the card and its text.

Content options

Query

Option What it does
Post Type The type of content to list. Media, landing pages and saved templates are not offered.
Categories Limits the grid to the chosen categories. Shown for the post type Post only.
Number of Posts How many posts to show, from 1 to 48.
Order By Sorts by date, last modified, title, comment count, menu order or random.
Order Descending or ascending.
Offset Skips this many posts from the start of the results.
Exclude Current Post Leaves out the post or page being viewed.
Ignore Sticky Posts Stops sticky posts from being moved to the front.

Layout

Option What it does
Columns One to six columns, per device.
Gap The space between cards, per device.
Featured Image Shows the featured image on each card, linked to the post.
Image Size The WordPress image size used for the featured image.
Title Tag The HTML tag used for post titles.
Meta Which details to show above the title: Date, Author, Category and Comments.
Excerpt Shows a short text from the post.
Excerpt Length (words) The number of words in the excerpt, from 5 to 100.
Read More Shows a text link to the post after the excerpt.
Read More Text The label of the read more link.
Nothing Found Message The text shown when no posts match. Leave it empty to show nothing.
Bright Addons Pro

Like this free widget? Get 80 more with Pro

Pro adds 80 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $18 a year, with a 14-day money-back guarantee.

Style options

These sections are in the Style tab.

  • Card

    background color, border, border radius, box shadow, hover box shadow, content padding and image height.

  • Text

    color and typography for the title, meta, excerpt and read more link, with hover colors for the title and the read more link.

Tips

  • The grid has no pagination or load more button. It shows up to the Number of Posts, with a maximum of 48.

  • The Category meta item shows the first category of each post only.

  • Posts without a featured image are shown without an image area.

  • Developers can change the query with the filter bright_addons_post_grid_query_args.

Questions and answers

Can the Post Grid show custom post types?

Yes. Post Type lists the public post types on your site that can appear in menus. The Categories filter applies to standard posts only.

Does it have pagination?

No. It shows a fixed number of posts, up to 48, without pagination.

How do I use it for related posts?

Place it on a single post layout, choose a category and keep Exclude Current Post on so the post being read is left out.

Can I change the number of columns on mobile?

Yes. Columns is a responsive control. The defaults are three on desktop, two on tablet and one on mobile.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides