fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Icon Carousel

The Icon Carousel Widget allows you to to display two or more pieces of content that transition from one to the next in a carousel format. This widget enables you to quickly and easily create an interactive icon carousel with its wide range of customization and styling options. It also supports advanced options such as Remote Connection and syncing with other widgets.

 

Let’s look at each of the options in the “Icon Carousel Widget” below.

Install Icon Carousel Widget for Elementor #

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Icon Carousel”
  3. Hover over the widget in the search results and click install
  4. Add your “Icon Carousel” widget to any Elementor Page

General Settings #

1
Loop

Turn on or off the loop option.

2
Autoplay

Turn on/off the autoplay option.

3
Number of Items

Choose the number of items to display in a row.

4
Margin Between slides

Set the margin between slides in pixels.

5
Transition Speed

Set the speed of transitions.

6
Autoplay Interval

Set the interval time between autoplay.

7
Center

Turn on/off the center option.

8
Button Text

Type the text to display in button.

9
RTL

Content will show from right to left.

Layout Settings #

Show or hide elements in content slide

1
Arrow Navigation

Show/Hide the navigation arrows on the carousel.

2
Dots Navigaton

Show/Hide the dots for navigation on the carousel.

3
Show Icon

Show/Hide Icon on the carousel.

4
Show Title

Show/Hide title element.

5
Show Separator

Show/Hide separator element on the carousel.

6
Show Text

Show/Hide text on the carousel.

7
Show Button

Show/Hide the button.

Arrows Settings #

Set the icons of the arrow navigation when turned on.

1
Left Arrow

Choose a icon for Left Arrow

2
Right Arrow

Choose a icon for Right Arrow

Connected Widgets Settings #

1
Enable Remote Connection

Use remote control widgets to create advanced creative layouts.

2
Widget Name for Connection

This name will be used to connect and controls this widget by other widgets.

3
Sync

You can connect two item-based widgets and sync them.

4
Sync Group

Choose the same group for two or more item-based widgets so they can sync together.

Items Settings #

Manage the slides of the carousel using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
1
Icon

Choose any custom icon for the carousel.

2
Title

Set a title for your carousel item.

3
Text

Type your text to display in the carousel item.

4
Button Link

Paste your URL to link with the button.

5
Override Background

Set the background color for carousel item.

6
Add Image Background

Turn on the option to set image as background.

Icon Carousel Widget Styling #

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

Item Styling #

Set the padding, alignment, border, background, margin, and height of items.

Icon Styling #

You can style the icon color, size, background, radius, shadow and spacing.

Title Styling #

You can set the color, typography, and spacing of the title.

Separator Styling #

Style the separator color, width, height, and spacing.

Text Styling #

In this section, set the text color, typography, and spacing.

Button Styling #

You can style the button typography, text color, background color, padding, and spacing.

Button Hover Styling #

You can set the button hover text color, background hover color, and hover animation.

Nav Arrows Styling #

This section lets you set the spacing, position, radius, icon size, icon color, etc. for Nav Arrows.

Nav Bullets Styling #

You can customize size, color, active color, spacing and alignment of the Nav Bullets.

Image Background Styling #

Style the image background opacity and image background blend mode.

Usage Examples #

Here are some live use cases for the Icon Carousel widget.

Example of Icon Carousel synced with Remote Arrows and Card Carousel.

Video Overview #

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!