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
Download free
Guide

Advanced Post Grid Pro

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

Advanced Post Grid lists posts, pages or any public custom post type in a grid, a masonry layout or a list. A query builder picks the posts, four card styles control the look, and a filter bar and pagination load more posts without reloading the page. Use it for blog pages, news sections and archive templates.

Part of: Bright Addons Pro.

See the widget page and live demo

Set it up

  1. Drag Advanced Post Grid onto the page and open the Query section.

  2. Choose the Source, then narrow it with Include Terms, Exclude Terms, Authors and Published Within.

  3. Set Posts per Page, Order By and Order.

  4. In Layout, choose Grid, Masonry or List and set Columns, Column Gap and Row Gap.

  5. In Post Card, pick the Card Style and choose the image, badge, Meta, Excerpt and Read More settings.

  6. Turn on Show Filter Bar and pick the pagination Type if visitors should browse more posts.

  7. Style the card, image, badge, text, filter bar and pagination in the Style tab.

Content options

Query

Option What it does
Source A public post type, a manual selection by ID, or the current query of an archive or search page.
Include Terms Only posts in these categories, tags or other terms.
Exclude Terms Leaves out posts in these terms.
Posts per Page How many posts each page shows, from 1 to 100.
Order By Published date, last updated, title, most comments, menu order or random.
Published Within Any time, the past week, the past month or the past year.
Exclude Current Post Leaves out the post the visitor is reading.
Ignore Sticky Posts Stops sticky posts from being pushed to the top.

Layout

Option What it does
Layout Chooses Grid, Masonry or List.
Columns Number of columns, from 1 to 6, per device (grid and masonry).
Feature the First Post Makes the first post on page one twice as big (grid layout).

Post Card

Option What it does
Card Style Classic (image on top), Overlay (text on image), Side (image left) or Minimal (text only).
Image Shape The image ratio, or Original to keep each image as it is.
Category Badge Shows the first term of the chosen Badge Taxonomy as a linked badge.
Meta The meta items to show, in the order you pick them.
Meta Position Above the title, below the title or at the card bottom.
Read More Style Shows the read more link as a text link or a button.
Whole Card Clickable Makes the entire card a link to the post.

Filter Bar

Option What it does
Show Filter Bar Adds buttons that switch terms without reloading the page.
Filter By The taxonomy the filter buttons come from.
Terms to Show The terms in the bar. Leave empty to show every term that has posts.
"All" Label The text of the first button that shows all posts.
Style Pills, Underline or Plain Text.

Pagination

Option What it does
Type None, Numbers, Previous / Next, both, a Load More Button or Infinite Scroll.
Page Limit The highest number of pages visitors can reach. 0 means no limit.
Scroll to Top on Page Change Scrolls back to the top of the grid after a page change.
Bright Addons Pro

Unlock this and 80 more Pro widgets

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.

See plans and pricing Compare Free and Pro

Style options

These sections are in the Style tab.

  • Card

    background, border, shadow and radius for normal and hover states, hover lift, content padding and text alignment.

  • Image

    side image width, overlay card height, border radius, space around the image, hover zoom, CSS filters and image shade.

  • Category Badge

    typography, text and background colors for normal and hover, padding, radius and border.

  • Title, Meta and Excerpt

    typography, colors, hover colors and spacing for each, plus the meta icon color.

  • Read More

    space above, typography, colors, background, border, radius and padding.

  • Filter Bar

    space below, spacing, typography, normal, hover and active states, border, radius and padding.

  • Pagination

    space above, alignment, typography, normal, hover and active states, border, radius and padding.

  • Load More Button

    alignment, typography, colors, background, border, radius and padding.

Tips

  • With Current Query, load more and infinite scroll fall back to normal numbered page links, and the filter bar is not shown.

  • The featured first post only applies on page one with the All filter active.

  • The filter bar shows up to 30 terms, and it is not available with Manual Selection (IDs).

  • Excerpts and reading time are never shown for password protected posts.

Questions and answers

Does it work with custom post types?

Yes. Source lists every public post type on the site, and Filter By and Badge Taxonomy list every public taxonomy.

Do the filters and pagination reload the page?

No. New posts are fetched in the background and placed in the grid. The exception is Current Query, which uses normal page links.

Can I use it in an archive or search template?

Yes. Set Source to Current Query (archives and search) and the widget shows the posts of the page it is placed on.

How is reading time worked out?

From the word count of the post content, at 220 words per minute, with a minimum of 1 minute.

Need more help?

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

Troubleshooting guide
All guides