Post Grid
Show your posts as cards readers can filter and browse.
Posts in a grid or masonry with ten card skins, a lead post, an AJAX category filter and numbered, load-more or infinite pagination.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Licence: Pro ($2 / year) — add it to the cart in Moduly
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for Post Grid. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Layout
| Setting | What you can set |
|---|
| Layout | Grid — equal rows or Masonry — cards keep their height |
| Columns | Pick one |
| Highlight the First Post | On page one the first post spans two columns and two rows. |
| First Post Skin | Same as the others, Classic — badge over the image, Hawai — round image, centred, Standard — text only, Monastic — meta in a footer, Stylica — shaped image edge, Outbox — box over the image, Crossroad — author on the image, … (11 in all) |
| First Post Size | 2 columns × 2 rows, 2 columns × 1 row or Full width |
| Equal Card Heights | On / off |
| Cards Entrance | None, Fade up, one after another or Fade in |
Query
| Setting | What you can set |
|---|
| Source | Posts, Pages, Floating Elements, Projects, Downloads, Products, Hand-picked, Related to the current post, … (9 in all) |
| Posts | Hello world! (Posts), Test: Modal Popup (Divi) (Pages), Test: Mailchimp Subscribe (Divi) (Pages), Products (Pages), Confirmation (Pages), Order History (Pages), Transaction Failed (Pages), Receipt (Pages), … (13 in all) · Any public post type, in this order with “Hand-picked Order”. |
| Related By | Shared categories and tags, Shared categories, Shared tags or Same author |
| Include Terms | Categories: Uncategorized or Product categories: Uncategorized · Only posts in any of these. |
| Exclude Terms | Categories: Uncategorized or Product categories: Uncategorized |
| Authors | admin |
| Published | Any time, Past week, Past month, Past 3 months or Past year |
| Only Posts With an Image | On / off |
| Posts per Page | Number |
| Offset | Skip this many posts. |
| Order By | Date, Last Modified, Title, Comment Count, Author, Menu Order, Hand-picked Order, ID, … (9 in all) |
| Order | Descending or Ascending |
| Sticky Posts First | On / off |
| Exclude Current Post | On / off |
| Query ID | Passed to the mdly_mdly_post_grid_query_args filter so code can change this query. |
| Nothing Found Message | Text |
Card
| Setting | What you can set |
|---|
| Skin | Classic — badge over the image, Hawai — round image, centred, Standard — text only, Monastic — meta in a footer, Stylica — shaped image edge, Outbox — box over the image, Crossroad — author on the image, Overlay — text on the image, … (10 in all) |
| Edge Shape | Mountain, Wave, Curve, Tilt, Torn Paper, Splash, Zigzag, Cross Line, … (10 in all) |
| Flip Shape | On / off |
| Image Side | Left, Right or Top |
| Alternate Sides | Every second card puts its image on the other side. |
| Reveal Excerpt on Hover | On / off |
| Image Resolution | any registered image size |
| Image Ratio | 1:1, 4:3, 3:2, 16:9, 21:9, 3:4, 4:5 or Original |
| Fallback Image | For posts without a featured image. Empty shows the title’s first letter. |
| Image Hover | None, Zoom in, Zoom out, Grayscale to colour, Zoom and tilt or Brighten |
| Card Hover | None, Lift, Deeper shadow or Accent border |
| Term Badge | On / off |
| Badge Taxonomy | Main category, Categories, Tags, Download Categories, Download Tags, Project Categories, Project Tags, Brands, … (10 in all) |
| Badges per Post | Number |
| Badge Position | On the image, top left, On the image, top right, On the image, bottom left or Above the title |
| Colour Badges by Term | Gives each term its own colour from a palette. |
| Date Box on the Image | On / off |
| Title | On / off |
| Title HTML Tag | H2, H3, H4, H5, H6, div or p |
| Max Title Lines | 0 = no limit. |
| Author | On / off |
| Author Avatar | On / off |
| Date | On / off |
| Date Format | Site Default, October 10, 2026, Oct 10, 2026, 10 Oct 2026, 2026-10-10, 10/10/2026, Relative (3 days ago) or Custom |
Filter Bar
| Setting | What you can set |
|---|
| Category Filter | Buttons that reload the posts of one term without leaving the page. |
| Filter By | Categories, Tags, Download Categories, Download Tags, Project Categories, Project Tags, Brands, Product categories, … (9 in all) |
| Terms | Uncategorized · In this order. Empty = the terms with the most posts. |
| Terms | In this order. Empty = the terms with the most posts. |
| Automatic Terms | Number |
| “All” Button | On / off |
| “All” Label | Text |
| Post Counts | On / off |
| Style | Pills, Underline, Boxed, Segmented, Minimal text or Dropdown |
| Alignment | Start, Center or End |
| One Scrolling Row on Phones | On / off |
| Setting | What you can set |
|---|
| Pagination | None, Numbers, Previous / Next, Numbers + Previous / Next, Load More Button or Infinite Scroll · Pages load without a page refresh; the links still work without JavaScript. |
| Page Limit | 0 = all pages. |
| Previous Label | Text |
| Next Label | Text |
| Button Label | Text |
| All Loaded Message | Text |
| Scroll to the Top on Page Change | On / off |
| Alignment | Start, Center, End or Justified |
Style tab: design controls for Grid, Card, Image, Badge & Date Box, Title, Meta, Excerpt, Read More, Filter Bar or Pagination — colours, typography, spacing, borders and hover states.
Tips
- Start with the Layout choice — it changes the overall look the most; fine-tune the rest afterwards.
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
- Also available for Divi (Post Grid), Gutenberg (Post Grid).
- Works well with: Archive Posts, Archive Title, Card.
