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 Carousel Pro

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

Post Carousel shows posts, pages or any public custom post type as cards in a carousel. It uses the same query builder and card styles as Advanced Post Grid. Use it for latest news rows, related posts under an article, or a featured selection on the homepage.

Part of: Bright Addons Pro.

Set it up

  1. Drag Post Carousel onto the page and open the Query section.

  2. Choose the Source and narrow it with Include Terms, Exclude Terms or Authors.

  3. Set Posts per Page to the number of slides, then set Order By and Order.

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

  5. In Carousel Settings, set Slides Visible and Space Between Slides for each device.

  6. Choose Autoplay, Arrows Position and Pagination, then style the cards, arrows 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 the carousel holds, 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.
Nothing Found Message The text shown when no posts match.

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.

Carousel Settings

Option What it does
Slides Visible How many cards show at once, from 1 to 8. Decimals such as 1.2 show part of the next slide.
Space Between Slides The gap between cards.
Move By Moves one slide or a full page at a time.
Slide Alignment Aligns slides to the start, or keeps the active slide in the middle.
Loop Back to Start Returns to the first slide after the last one.
Autoplay Moves the carousel automatically.
Drag With Mouse Lets visitors drag the carousel with the mouse.
Equal Height Slides Makes all cards the same height.
Arrows Position Beside, over or outside the slides, bottom center, top right or bottom right.
Pagination None, dots, lines, a fraction or a progress bar.
Bright Addons Pro

Unlock this and 79 more Pro widgets

One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.

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.

  • Arrows

    horizontal offset or space from slides, button size, icon size, colors, background and disabled opacity.

  • Pagination

    space above, alignment, size, active width, gap, colors and radius.

Tips

  • The carousel shows one page of the query, so Posts per Page is the total number of slides.

  • Outside arrows move inside the edges on tablet and mobile.

  • On touch screens the carousel scrolls natively. Drag With Mouse only affects mouse users.

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

Questions and answers

Can I show related posts under an article?

Yes. Pick the matching terms in Include Terms and keep Exclude Current Post on so the article being read is left out.

Does it work with custom post types?

Yes. Source lists every public post type on the site.

How do I show a peek of the next card on phones?

Use a decimal in Slides Visible for mobile. The default there is 1.1.

What shows when no posts match?

The text in Nothing Found Message. Clear that field to show nothing at all.

Need more help?

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

Troubleshooting guide
All guides