Post Carousel
Surface more of your posts in a sliding carousel.
Posts in a Splide carousel with ten card skins, hero slides, a thumbnail strip, a heading bar and every navigation style.
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 Carousel. 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
Query
| Setting | What you can set |
|---|
| Source | Posts, Pages, Floating Elements, Projects, Downloads, Products, Hand-picked or Related to the current post |
| 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 |
| Number of Posts | 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_carousel_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 |
Heading & Thumbnails
| Setting | What you can set |
|---|
| Heading | A title bar above the carousel. Arrows placed “Above” line up with it. |
| Heading Tag | H2, H3, H4 or div |
| Heading Style | Plain, With a line to the edge, Accent bar before or Tab on a rule |
| “View All” Text | Text |
| “View All” Link | Empty links to the first included term, or the posts page. |
| Thumbnail Strip | A strip of the posts’ images under the carousel that follows and drives it — best with one slide at a time. |
| Thumbnail Size | Number |
| Thumbnail Gap | Number |
| Active Thumbnail Colour | Colour |
Carousel Settings
| Setting | What you can set |
|---|
| Slides To Show | Number |
| Slide Spacing | 0–120 |
| Transition | Slide or Fade (one at a time) |
| Direction | Left to right, Right to left or Vertical |
| Carousel Height | 200–1400 · A vertical carousel needs a height. |
| Animation Speed (ms) | Number |
| Autoplay | Paused in the editor. |
| Autoplay Speed (ms) | Number |
| Continuous Scroll (marquee) | Moves without stopping. Replaces autoplay and arrows. |
| Scroll Speed | Pixels per frame. Negative scrolls the other way. |
| Pause on Hover | On / off |
| Pause When Out of View | On / off |
| Infinite Loop | Loop around, Rewind to the start or Stop at the end |
| Scroll As Shown Slides | Each move scrolls a whole view. |
| Slides per Move | Number |
| Center Mode | The active slide sits in the middle; the others fade and shrink. |
| Side Slides Opacity | 0.1–1 |
| Side Slides Scale | 0.6–1 |
| Peek at the Edges | 0–300 · Shows part of the slides beyond each edge. |
| Rows | Slides stacked in each column. |
| Drag / Swipe | On / off |
| Keyboard Arrows | On / off |
| Mouse Wheel | On / off |
| Go to a Clicked Slide | A click on a slide that is not the active one moves it into place instead of following its links. |
Navigation
| Setting | What you can set |
|---|
| Arrows | On / off |
| Previous Icon | Icon picker |
| Next Icon | Icon picker |
| Arrow Placement | On the sides, Outside the carousel, Above, on the right, Above, on the left, Below, with the dots or Bottom-right corner, inside |
| Show on Hover Only | On / off |
| Pagination | None, Dots, Bars, Numbers or Counter (3 / 12) |
| Progress Bar | None, Autoplay timer or Scroll position |
| Progress Bar Position | Below or Above |
| Play / Pause Button | On / off |
Style tab: design controls for Card, Image, Badge & Date Box, Title, Meta, Excerpt, Read More, Heading, Navigation :: Arrows, Navigation :: Dots or Navigation :: Progress & Play — colours, typography, spacing, borders and hover states.
Tips
- Start with the Skin choice — it changes the overall look the most; fine-tune the rest afterwards.
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 Carousel).
- Works well with: Card, Content Switcher, Feature List.
