Table Of Contents

How to Use Custom Carousel

A carousel is a card list. It is an effective way of displaying web content (image, text, video, etc.). Custom Carousel widget is one of the most easiest widget of all of ours. I’ll include section by section instructions to help you get started.

To Insert Widget

inserting custom carousel

Inserting widget, it is just a matter of drag and dropping. As you see in the screenshot above, drag the custom carousel Elementor inside your page.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part (custom carousel) of a website. And in this regard, some handy sections in the tab will assist you a lot in designing the image sliders.


This section will allow you to set skins like custom content with default one. In addition, you’ll be able to determine the Layout of the carousel such as Coverflow and Carousel.

After dragging and dropping the widget in a new section, you will get a list group. The list not limited, you can add a new list in the group just clicking on the ADD ITEM button for the custom carousel for Elementor.

custom carousel Elementor sliders

Look at the functionality of both of the screens separately.

Skin: Default

Go to the Content tab > Slides > Skin (Default) > Layout (Coverflow)

Carousel Layout

layout of the custom carousel for Elementor

Coverflow Layout

custom carousel Elementor coverflow

You can edit every single list item(repeater). Simply, hit on the List Item and edit the field found in the List Item. Then, set Type (Image, Video), Image, and Link to (Media File/ Custom URL).

custom carousel default 3 - BdThemes

The important thing is that you can also set Image Size(Thumb, Medium, Full, Custom, etc.) and Image Fit(Cover, Contain, Auto).

Especially, here, you can determine the number of content per slide view from the control Slides Per View.

Skin: Elementor

Go to the Content tab > Slides > Skin (Custom Content) > Layout (Coverflow)

You can edit every single list item(repeater). Simply, hit on the List Item and edit the field found in the List Item. Then, set Source location(Editor or Template).

custom carousel 2 - BdThemes


This time go to the Slides control> hit on the repeater (Item#1) Source (Editor).

custom carousel 3 - BdThemes

Template (source)

Simply, go to the Slides control > hit on the repeater (Item#1) Source (Elementor Template) > Select Template ( like Offcanvas)

custom carousel 4 - BdThemes

Most importantly, here, you also can determine the number of content per slide view from the control Slides Per View.

Note: If you want to work with the Template source location, you have to make a template. And to do that go to the WordPress Dashboard > Templates > Add New > then edit the template with Elementor.


This section will allow you what type of navigation you want to display with the carousel and its position. If you select dots, then you’ll be able to make dots/ bullet points dynamic for the custom carousel Elementor. Here, I’ve shown arrow and fraction.

custom carousel 5 - BdThemes

Simply, go to the Content tab > Navigation > Arrows Position.

Additional Options

In this section, you can manipulate the carousel animation options like Transition Duration, Autoplay, Autopaly, Autoplay Speed, Pause on Hover, Infinite Loop, Centered Slides, Observer, Width.

custom carousel 6 - BdThemes

Just, go to the Content tab > Additional Options.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design. 

Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look.


custom carousel style 1 - BdThemes

You will be able to add space between every slide item. Moreover, you have a chance to add background and border color, padding and border radius. Most importantly, you can add shadow mode if your design suit the custom carousel Elementor.

Simply, go to the Style tab > Slides.


custom carousel style 2 - BdThemes

Go to the Style tab > Navigation > and check all the controls. Look at the screenshot.

Video Assist

In Conclusion, though our Custom Carousel contains some tricky parts, hopefully, in the end, you have got the solution. You can stream the video clip above. And to get more ideas about the widget. Visit the demo page.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.