icon box carousel with Elementor

How to create icon box carousel with Elementor

Do you want to create an icon box carousel with Elementor? Here in this article, we will show you the easiest way to add an icon box carousel using the Elementor page builder.

Using the ion box carousel you can easily display different icons with information. Elementor offers many widgets to decorate your website pages. It has the icon box widget but doesn’t have any icon box carousel option. So let’s see how you can add an icon box carousel.

Create icon box carousel with Elementor

To use the icon box carouse features you need to install the Absolute Addons plugin. Absolute Addons will enable you to add different widgets with advanced features and functionalities. Some of the widgets are free and some of them are pro. But if you need more layouts and features then you need to activate the pro version.

Install and activate the Absolute Addons plugin and then open up a page where you want to add the icon box carousel.

Step 1

To use the Icon Box Banner Carousel widget, at first create a section by clicking on the “+” icon on Elementor and then from the block section of the left bar search for Icon Box Banner Carousel Drag the Icon Box Banner Carousel block and drop it into your created section.

icon box carousel with Elementor

Now under the Content tab from the Template Style menu, you can select the style. There are four different styles available.

You can see all the styles from here

In the Content menu, you will find the three default items. You can delete an item by clicking on the “X” icon and copy an item using the copy icon. Click on the Add Item button to add a new item.

icon box carousel with Elementor

Click any of the items to edit them. Add the icon from the icon library or upload your SVG icon. Add title, subtitle, and content to their field.

Step 2

Settings

Add body section background color as classic or gradient, border type, border width, radius, box-shadow, padding and margin for the section.

icon box carousel with Elementor

Icon

Add icon section background color as classic or gradient, border type, border width, radius, box-shadow, padding and margin for the section.

icon box carousel with Elementor

Title, Subtitle & Content

Set typography, color, padding and margin for title, subtitle and content text.

icon box carousel with Elementor

Now from the Slider Option menu, you can set up your slider features. You can choose the number to display in the slider as well as scroll in the slider. You can enable or disable the autoplay & loop option and set the autoplay speed. You can also set the distance between siders and slider direction as left or right. There is also an option to choose slide effect as slider or fade.

icon box carousel with Elementor

You can choose the navigation as –

  • Arrows & Dots
  • Arrows
  • Dots
  • None

Set the arrow color, arrow hover color, dot color, dot border-color, dot size and others.

Great! You have complete your icon box banner carousel section.

Wrapping Up

We hope this article will help you. You can see our other article to learn How to create a multicolor heading with Elementor

How to add an image slider using Elementor free

How to Create a Gradient Button in Elementor

If you like this article please like our Facebook page to stay connected.

Leave a Reply

Your email address will not be published. Required fields are marked *