The “Card Carousel Widget” allows you to showcase content in an engaging carousel format for free in WordPress Elementor websites. Display images, text, and links in a dynamic sliding layout that enhances user interaction. Customize the design, animations, and navigation options to match your site’s style seamlessly.
Let’s explore the features of the “Card Carousel Widget” below.
Elementor Card Carousel Tutorial Video
Add a Free Card Carousel for Elementor
This widget requires Unlimited Elements FREE version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Card Carousel”
- Hover over the widget in the search results and click install
- Add your Card Carousel widget to any Elementor Page
General Settings in Elementor Card Carousel
Loop
Infinity loop. Duplicate last and first items to get loop illusion.
Number of Items
The number of items you want to see on the screen.
Slides to Scroll
The amount of slides you want to scroll each time.
Transition Speed
The speed it takes the slides to slide.
Margin Between Slides
The margin between the items set in pixels.
Stage Padding
Padding left and right on stage (can see neighbours). Creates an offset carousel effect.
Autoplay
Plays the slides automatically
Autoplay Timeout
The time between each autoplay interval timeout.
Autoplay Hover Pause
Pause on mouse hover.
Text Direction
Set the text direction for RTL websites.
Transition Easing
Add easing when sliding.
Layout Settings in Elementor Card Carousel
Show Arrows
Display navigation arrows in carousel.
Show Bullets
Display navigation dots in carousel.
Show Image
Show image per item in carousel.
Image Link
Make the image of each item linkable.
Show Title
The placement of the title inside the item layout.
Title HTML Tag
The HTML tag used for the title output. (Used for SEO)
Title Link
Make the title of each item linkable.
Show Text
Show text per item in carousel.
Show Button
Show button per item in carousel.
Show Top Decoration
Show a line decoration per item in carousel.
Arrow Settings in Elementor Card Carousel
Set the arrow icons of the arrow navigation when turned on.
Connected Widget Settings in Elementor Card Carousel
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Sync
Connect between two diffrent item based widgets and sync them together.
Manage the slides of the carousel using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Elementor Card Carousel Styling
Various styling options are included to control every design aspect of the widget. Modify the colors to match your site’s look and feel. Customize the text, icons, fonts and layout to make the widget look and work exactly how you want it too.
Thank you for using the Card Carousel Widget for Elementor! With its smooth animations and customizable layout, this is the best Card Carousel Widget for Elementor, perfect for showcasing content in an engaging and interactive way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
