< All Topics

Carousels are used to slide images, content or videos. Carousels are widely used in day to day websites. One of the most useful element in Web Design to improve user experience.

Pro tip
Carousel Anything widget can be used in combination of other widgets like Process, Tabs/Tours, and Accordion to create more advanced carousels.

How to use the Carousel Anything Widget of The Plus Addons For Elementor

The Anything Carousel widget’s main purpose is to slide the content. Let’s understand how to use this widget in the tutorial below.

Table Of Contents

General Steps

Search for the Carousel Anything widget from the Elementor screen in the left and then drag and drop it into the content building area.

After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to this widget. First, click on the Content tab.

1. Content

Slider Content

Adding Styles

By default, you will see two slides. 

Title

Click on the first slide and you will see an option to add Slide Title

Elementor Templates

Select your preferred Elementor Template from the dropdown. If you wish to add more slides, click on the Add Item button.

Overflow Hidden

Slide this button to ON If any content goes outside of section and conflict with another. We suggest turning this option on.

Slide Random Order

Slide the button to Yes if you want your carousel to move the slides in random order.

Slider Content setting in Carousel Anything widget.

2. Style

Carousel Options

Carousel ID

Keep it blank. Use only when you have to connect it with the Carousel Remote Widget.

Slider Mode

Choose your preferred slider mode from the dropdown. It can be either horizontal or vertical.

Slide Speed

Set your slide speed using the slider. The recommended value is 1500 ms.

Slide Animation

The default animation is the Slide effect. If you want to change it to the Fade effect, select is using the dropdown.

Animation Type

Select your preferred animation type from the dropdown.

Desktop Tab

Select your preferred animation type from the dropdown.

Desktop Columns

Select the number of columns for your carousel.

Next Previous

Select the number of columns for your carousel.

Slide Padding

Set the padding for your slides.

Draggable

Slide the button to ON if you want your users to drag the slides to the next or previous one.

Infinite

Slide the button to ON if you want your slides to keep sliding continuously.

Pause On Hover

Slide the button to ON if you want the slide to pause on Hover.

Adaptive Height

Slide the button to ON if you want your slides to have equal heights despite of the content length.

Autoplay

Slide the button to ON if you want your users to drag the slides to the next or previous one.

Autoplay Speed

Slide the button to ON if you want your users to drag the slides to the next or previous one.

Show Dots

Slide the button to ON if you want your users to drag the slides to the next or previous one.

Dots Style

We have provided a variety of styles for the dot navigation. Select your preferred ones from the dropdown.

Dots Border Color

Set the border color for Dots using the color picker.

Dots Top Padding

Set the top padding value for the Dots.

Overlay Content Dots

We have provided a variety of styles for the dot navigation. Select your preferred ones from the dropdown.

Direction Dots

We have provided a variety of styles for the dot navigation. Select your preferred ones from the dropdown.

On Hover Dots

We have provided a variety of styles for the dot navigation. Select your preferred ones from the dropdown.

Show Arrows

We have provided a variety of styles for the dot navigation. Select your preferred ones from the dropdown.

Center Mode

We have provided a variety of styles for the dot navigation. Select your preferred ones from the dropdown.

On Scroll View Animation

In Animation Effect

Select your preferred Animation Effect from the dropdown. After selecting the animation effect, you will see some more options below it.

Animation Delay

Set a time in milliseconds after which your animation will appear.

Animation Duration

Slide the button to Yes to enable it. Use the slider to set the speed duration of your animation in milliseconds.

Similarly to the In Animation, you have to do the settings for Out Animation Effect.

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?