fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Image Card Carousel

The Image Card Carousel Widget helps you to display two or more pieces of content that transition from one to the next in a carousel format using Elementor. Image Card Carousel widget allows you to create responsive slideshows for your wordpress websites. This widget enables you to quickly and easily create an interactive 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 “Image Card Carousel Widget” below.

Install Image Card 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 “Image Card Carousel”
  3. Hover over the widget in the search results and click install
  4. Add your “Image Card 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
Margin

Set the margin between carousel item.

4
Number of Items

Choose the number of items to display in a row.

5
Transition Speed

Set the transition speed of carousel.

6
Autoplay Interval

Set the interval time between autoplay transition.

7
Dots Each

It shows the dot for each item.

8
Make 3D

Carousel will display with 3d effect.

9
Show Active Item

It show active item in carousel.

10
Change item on click

Carousel item will change on click.

Layout Settings #

Show or hide elements in image card carousel.

1
Show Arrows

Show/Hide arrows on the carousel.

2
Show Bullets

Show/Hide bullets on the carousel.

3
Show Content

Show/Hide content on the carousel.

4
Show Title

Show/Hide title element.

5
Show Text

Show/Hide text element.

6
Show Button

Show/Hide the button.

7
Title Linkable

Make the title linkable.

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
Image

Choose an Image for the carousel.

2
Title

Set a Title for your carousel item.

3
Content

Type the text for content.

4
Button Text

Type custom text for the button.

5
Link

Paste your URL to link with the button.

6
Badge

Type the text to display as badge.

Image Card 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 item background, padding, radius, alignment, height, border, and margin.

Image Styling #

You can style the image height, padding, and image type.

Title Styling #

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

Text Styling #

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

Button Styling #

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

Button Hover Styling #

This section lets you set the button hover background, color, and button hover animation.

Nav Arrows Styling #

You can customize nav arrows spacing, positioning, radius, size, background color, and icon color.

Nav Bullets Styling #

You can style the nav bullets dot size, color, spacing, and alignment.

Badge Styling #

Here, you can style the badge height, width, typography, color, typography, padding, and border.

Usage Examples #

Here are some live use cases for the Image Card Carousel Widget.

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!