Skip to content

How to Show Blog Posts in Carousel Slider in Elementor?

Table Of Content

Do you want your latest posts in a slider, so a row of them fits in a small space? A carousel shows a few posts at a time and lets visitors swipe or click through the rest.

The Blog/Post Listing widget in The Plus Addons for Elementor has a Carousel layout for this.

To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, click here.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Edition: Pro — The Carousel layout is part of The Plus Addons for Elementor Pro. In the free plugin the option is visible but shows an upgrade notice instead of its settings.
  • Widget to enable: Blog/Post Listing, switched on under ThePlus Settings > Widgets.

Step 1: Add the widget and choose Carousel

Drag the Blog/Post Listing widget onto the page. In Content > Layout, set Layout to Carousel.

The layout control in the blog listing panel with carousel selected

Step 2: Set how many posts it holds

In Content > Content Source, Maximum Post Display (labelled Maximum Posts Display in the free plugin) is the total number of posts in the carousel. It defaults to 8.

Step 3: Configure the slider

The slider settings are on the Style tab, in Carousel Options:

  • Desktop Columns — posts visible at once. Default 4. Tablet and mobile default to 3 and 2.
  • Autoplay — on by default. Autoplay Speed sets the pause.
  • Show Dots — on by default. Show Arrows — off by default.
  • Infinite Mode — loop back to the start. On by default.
  • Center Mode — highlight the middle post with the neighbours partly visible.

Settings Reference

SettingWhereDefault
LayoutContent > LayoutGrid
Desktop ColumnsStyle > Carousel Options4
Tablet Columns / Mobile ColumnsStyle > Carousel Options3 / 2
AutoplayStyle > Carousel OptionsOn
Show DotsStyle > Carousel OptionsOn
Show ArrowsStyle > Carousel OptionsOff
Infinite ModeStyle > Carousel OptionsOn
Center ModeStyle > Carousel OptionsOff
Slider ModeStyle > Carousel OptionsHorizontal

Limitations

  • Pro only. In the free plugin the option reads Carousel (PRO).
  • No loading options. Pagination, Load More and Lazy Load are not available on Carousel — every post in it loads at once.
  • No category filter and no Preloader on this layout.

Troubleshooting

There are no arrows

Show Arrows is off by default. Turn it on in Style > Carousel Options.

The carousel will not stop moving

Autoplay is on by default. Turn it off, or turn on Pause On Hover.

More Post Options disappeared

That is expected: the carousel holds a fixed set of posts, so the loading options are hidden.

Related Docs

Related Frequently Asked Questions

Related Docs