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
General Settings #
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 will pause on mouse hover.
Set the time between autoplay transitions.
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 to the clicked item on item click.
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.
Layout Settings #
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/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 #
Use remote control widgets to create advanced creative layouts.
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.
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
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.
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.
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.