fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

wordpress-black-friday-deals
toggle-button-for-elementor
elementor-widget-library

Content Carousel for Elementor

The Content Carousel Widget 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. Content 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 “Content Carousel Widget” below.

Install Content 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 “Content Carousel”
  3. Hover over the widget in the search results and click install
  4. Add your “Content Carousel” widget to any Elementor Page

General Settings #

1

Layout

Choose the Carousel layout from the dropdown list.

  • Under
  • Overlay
  • Under Overlap
  • Partial Overlay
  • Reveal from Bottom
  • Overlay Bottom
2

Autoplay

Turn on/off the autoplay option.

3

Slide Duration

Define the duration between autoplay.

4

Autoplay Hover Pause

Pause on mouse hover.

5

Align

Choose the alignment from the given options.

  • Left
  • Center
  • Right
6

Number of Items

Choose the number of items to display in a row.

7

Margin Between items

Set the margin between items.

8

Loop

Turn on or off the loop option.

9

Offset Type

Choose from the given options to show offset margin.

  • None
  • Both
  • Left
  • Right
10

Offset Number

Set the offset margin in pixels.

11

Center

Turn on/off the center option.

12

RTL

Content will show from right to left.

Layout Settings #

Show or hide elements in content slide

1

Show Arrows

Show/Hide arrows on the carousel.

2

Show Dots

Show/Hide dots on the carousel.

3

Show Content

Show/Hide content on the carousel.

4

Show Title

Show/Hide title element.

5

Show Intro

Show/Hide intro element on the carousel.

6

Show Button

Show/Hide the button.

7

Show Image

Show/Hide the image.

Arrows Settings #

Set the arrow 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

Title

Set a Title for your carousel item.

2

Image

Choose any custom Image for the carousel.

3

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.

4

Button Text

Type custom text for the button.

5

Link

Paste your URL to link with the button.

6

Content Icon/Image

Choose any Image or Icon to show in the slide.

Content 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 height, size, radius, border and background color of items.

Content Styling #

You can style the content padding and background color.

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, hover animation, padding, radius, color, spacing, border, etc.

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.

Usage Examples #

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

Content Carousel synced with Remote Tabs and Remote Counter.

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!