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.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Team Member Carousel”
- Hover over the widget in the search results and click install
- Add your “Team Member Carousel” widget to any Elementor Page
Number of items
Set the number of items to be displayed in a row.
Turn on or off the loop option.
Turn on or off the autoplay option.
Autoplay Hover Pause
Autoplay will pause on mouse hover.
Set the time between autoplay transitions.
Margin Between Items
Set the margin between carousel items.
Set the transition speed of autoplay option.
Type the text to display in the button.
Turn on the center option for carousel.
Change On Click
Change to the clicked item on item click.
Set Active Mode On Mobile
Turn on the active mode on mobile.
Every time the page will load the items will have a different random order.
Turn on or off the right to left option for carousel.
Show/Hide the arrow on carousel.
Show/Hide the navigation dots.
Show/Hide the images on carousel.
Show/Hide the title.
Show/Hide the subtitle element.
Show/Hide the text element.
Show/Hide the button on carousel.
Set the positioning of icons.
- In Content
- In Overlay
Set the placement of icons.
- Before Text
- After Text
Set the placement of company logo.
- Before Text
- After Text
Show Text Header
Show/Hide the text header element.
Nav Arrow Settings
Choose a custom icon for Left Arrow from the icon library.
Choose a custom icon for Right Arrow from the icon library.
Connected Widgets Settings
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.
You can connect two item-based widgets and sync them.
Choose the same group for two or more item-based widgets so they can sync together.
Manage the items to display on team member carousel using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Type the title.
Type the text to display as subtitle.
Type the text to display in carousel item.
Choose an image to display.
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)
Paste your URL to link with the button.
Choose an icon to display.
Paste your URL to link with the icon.
Choose an image to display as company logo.
Additional Image(After Text)
Turn on the option to display an additional image after text.
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.
Set the item height, width, margin, alignment, border, and radius.
Image Overlay Styling
In this section, style the overlay background, opacity, and opacity hover.
You can set the content background, padding, alignment, and min height.
In this section, set the title color, typography, shadow, and spacing.
Style the subtitle color, typography, shadow, and spacing.
Company Logo Styling
You can set the logo height, spacing, and logo fit.
Set the text color, typography, shadow, spacing, and min height.
Style the icon hover effect, spacing, size, border, radius, margin, color, and background.
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.
Here are some live use cases for the Team Member Carousel Widget.
Team Member Carousel Widget synced with Remote Tabs and Remote Arrows.