fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Team Member Carousel

The Team Member Carousel widget allows you to showcase your staff, employees or any type of people in a interactive carousel format on your Elementor website. You can add their picture, position, bios and social links fast and easy. It also has an option to have a call to action button as part of the team member carousel item. It also supports advanced options such as Remote Connection and syncing with other widgets.

 

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

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

General Settings #

1
Number of items

Set the number of items to be displayed in a row.

2
Loop

Turn on or off the loop option.

3
Autoplay

Turn on or off the autoplay option.

4
Autoplay Hover Pause

Autoplay will pause on mouse hover.

5
Autoplay Timeout

Set the time between autoplay transitions.

6
Margin Between Items

Set the margin between carousel items.

7
Transition Speed

Set the transition speed of autoplay option.

8
Button Text

Type the text to display in the button.

9
Center

Turn on the center option for carousel.

10
Change On Click

Change to the clicked item on item click.

11
Set Active Mode On Mobile

Turn on the active mode on mobile.

12
Random Order

Every time the page will load the items will have a different random order.

13
RTL

Turn on or off the right to left option for carousel.

Layout Settings #

1
Show Arrows

Show/Hide the arrow on carousel.

2
Show Dots

Show/Hide the navigation dots.

3
Show Image

Show/Hide the images on carousel.

4
Show Title

Show/Hide the title.

5
Show Subtitle

Show/Hide the subtitle element.

6
Show Text

Show/Hide the text element.

7
Show Button

Show/Hide the button on carousel.

8
Show Icons

Set the positioning of icons.

  • Hide
  • In Content
  • In Overlay
9
Icons Placement

Set the placement of icons.

  • Before Text
  • After Text
10
Company Logo

Set the placement of company logo.

  • Hide
  • Before Text
  • After Text
11
Show Text Header

Show/Hide the text header element.

Nav Arrow Settings #

1
Left Arrow

Choose a custom icon for Left Arrow from the icon library.

2
Right Arrow

Choose a custom icon for Right Arrow from the icon library.

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 items to display on team member carousel using the repeater field.

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

Type the title.

2
Subtitle

Type the text to display as subtitle.

3
Text

Type the text to display in carousel item.

4
Image

Choose an image to display.

5
Image Size

Select an image size from below options.

  • Medium Large (max width 768)
  • Large (max width 1024)
  • Medium (max width 300)
  • Thumbnail (150x150)
  • Full Size
  • 1536x1536 (max width 1536)
  • 2048x2048 (max width 2048)
  • Woocommerce Thumbnail (300x300)
  • Woocommerce Single (max width 600)
  • Woocommerce Gallery Thumbnail (100x100)
  • Shop Catalog (300x300)
  • Shop Single (max width 600)
  • Shop Thumbnail (100x100)
6
Button Link

Paste your URL to link with the button.

7
Icon One

Choose an icon to display.

8
Link One

Paste your URL to link with the icon.

9
Company Logo

Choose an image to display as company logo.

10
Additional Image(After Text)

Turn on the option to display an additional image after text.

11
Text Header

Type text to display as text header.

Team Member 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 height, width, margin, alignment, border, and radius.

Image Overlay Styling #

In this section, style the overlay background, opacity, and opacity hover.

Content Styling #

You can set the content background, padding, alignment, and min height.

Title Styling #

In this section, set the title color, typography, shadow, and spacing.

Subtitle Styling #

Style the subtitle color, typography, shadow, and spacing.

Company Logo Styling #

You can set the logo height, spacing, and logo fit.

Text Styling #

Set the text color, typography, shadow, spacing, and min height.

Icons Styling #

Style the icon hover effect, spacing, size, border, radius, margin, color, and background.

Button Styling #

You can style the button padding, background color, text color, spacing, border etc.

Nav Arrows Styling #

This section lets you set the nav arrows spacing, positioning, radius, size, background, and color.

Nav Dots Styling #

You can set the nav dots height, width, color, spacing, alignment, and radius.

Additional Image Styling #

You can style the additional image height, spacing, and positinoing.

Text Header Styling #

Style the text header background, color, typography, padding, and border.

Usage Examples #

Here are some live use cases for the Team Member Carousel Widget.

Team Member Carousel Widget synced with Remote Tabs and Remote Arrows.

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!