How to create beautiful icon box carousel with Elementor
Do you want to add an icon box carousel with Elementor on your website? To display icons on your Elementor page you can use the default icon widget of Elementorl But if you want to add an icon box carousel with advanced features, functionalities, unique layouts then you can try Absolute Addons. Here in this article, we will guide you on the easiest way to add an icon box carousel with Elementor using Absolute Addons.
Create a beautiful icon box carousel with Elementor
Step 1
To use our Icon Box 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 Carousel Drag the Icon Box Carousel block and drop it into your created section.
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.
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
Add icon section background color as classic or gradient, border type, border width, radius, box-shadow, padding and margin for the section.
Title, Subtitle & Content
Set typography, color, padding and margin for title, subtitle and content text.
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.
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 carousel section.
Wrapping Up
We hope this article will help you. You can see our other articles to learn Create skill bar in Elementor website using Absolute Addons
How to create a testimonial carousel with Elementor
How to create a beautiful image carousel with Elementor
We hope this article will help you. If you like this article please like our Facebook page and subscribe to our Youtube channel.
2 Comments