The “Content Carousel Widget“ for Elementor allows you to create an interactive carousel where the content for each slide can be anything you want: images, text, HTML, and even Elementor templates. This widget allows you to create responsive slideshows for your WordPress websites for free. Content Carousel 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 “Content Carousel Widget” below.
Elementor Content Carousel Tutorial Video
Add a Free Content 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 “Content Carousel”
- Hover over the widget in the search results and click install
- Add the “Content Carousel” widget to any Elementor Page
General Settings in Elementor Content Carousel
Layout
Choose the Carousel layout from the dropdown list.
- Under
- Overlay (PRO)
- Under Overlap (PRO)
- Partial Overlay (PRO)
- Reveal from Bottom (PRO)
- Overlay Bottom (PRO)
Autoplay
Turn on/off the autoplay option.
Slide Duration
Define the duration between autoplay.
Autoplay Hover Pause
Pause on mouse hover.
Align
Choose the alignment from the given options.
- Left
- Center
- Right
Number of Items
Choose the number of items to display in a row.
Margin Between items
Set the margin between items.
Loop
Turn on or off the loop option.
Offset Type
Choose from the given options to show offset margin.
- None
- Both
- Left
- Right
Offset Number
Set the offset margin in pixels.
Center
Turn on/off the center option.
RTL
Content will show from right to left.
Layout Settings in Elementor Content Carousel
Show or hide elements in content slide
Show Arrows
Show/Hide arrows on the carousel.
Show Dots
Show/Hide dots on the carousel.
Show Content
Show/Hide content on the carousel.
Show Title
Show/Hide title element.
Show Intro
Show/Hide intro element on the carousel.
Show Button
Show/Hide the button.
Show Image
Show/Hide the image.
Arrows Settings in Elementor Content Carousel
Set the arrow icons of the arrow navigation when turned on.
Connected Widgets Settings for Elementor Content Carousel
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
This name will be used to connect and controls this widget by other widgets.
Sync
You can connect two item-based widgets and sync them.
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Elementor Content Carousel Items Settings
Manage the slides of the carousel using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Set a Title for your carousel item.
Image
Choose any custom Image for the carousel.
Content Source
Choose any of the given content sources
- Content
Type any custom content for your carousel.
- Template
Choose any of the premade templates to show in your carousel.
Button Text
Type custom text for the button.
Link
Paste your URL to link with the button.
Content Icon/Image
Choose any Image or Icon to show in the slide.
Elementor Content Carousel Schema Settings
Enable Schema
Enable Schema for the selected widget.
Schema Source
Choose the Schema Source:
From List
Custom
Custom JSON Schema
We can also add a Custom JSON Schema.
Schema Type
Choose the Schema Type:
FAQ (FAQ Page)
List of Person (Person)
How To
Recipe
Courses (Course)
Books (Book)
Items List (ItemList)
Event
Places (Place)
Products (Product)
Tourist Destinations (TouristDestination)
Event Series (EventSeries)
Music Playlist (MusicPlaylist)
Search Results Page (SearchResultsPage)
We are continuously expanding the list of supported Schema types in upcoming releases.
Schema Main Title
Enter a Schema title that describes the action, for example, how to tie your shoes.
Enable Fields Mapping
Enable manual field mapping by roles. Post-related fields are applicable only
When the content is sourced from posts.
Show Schema Debug
Display Schema debug information in the front-end footer.
Elementor Content Carousel 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.
Elementor Content Carousel Item Styling
Set the height, size, radius, border and background color of items.
Elementor Content Carousel Content Styling
You can style the content padding and background color.
Elementor Content Carousel Title Styling
You can set the color, typography, and spacing of the title.
Elementor Content Carousel Text Styling
In this section, set the text color, typography, and spacing.
Elementor Content Carousel Button Styling
You can style the button typography, hover animation, padding, radius, color, spacing, border, etc.
Elementor Content Carousel Nav Arrows Styling
This section lets you set the spacing, position, radius, icon size, icon color, etc. for Nav Arrows.
Elementor Content Carousel Nav Bullets Styling
You can customize size, color, active color, spacing and alignment of the Nav Bullets.
Usage Examples for Elementor Content Carousel
Here are some live use cases for the Content Carousel widget.
Free Elementor Content Carousel with Navigation Arrows and Dots.
Free Elementor Content Carousel with Remote Tabs and a Remote Counter.
Thank you for using the Content Carousel Widget for Elementor! With its smooth transitions and customizable design, this is the best Content Carousel Widget for Elementor, perfect for showcasing dynamic 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.