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 #
Number of items
Set the number of items to be displayed in a row.
Loop
Turn on or off the loop option.
Autoplay
Turn on or off the autoplay option.
Autoplay Hover Pause
Autoplay will pause on mouse hover.
Autoplay Timeout
Set the time between autoplay transitions.
Margin Between Items
Set the margin between carousel items.
Transition Speed
Set the transition speed of autoplay option.
Button Text
Type the text to display in the button.
Center
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.
Random Order
Every time the page will load the items will have a different random order.
RTL
Turn on or off the right to left option for carousel.
Layout Settings #
Show Arrows
Show/Hide the arrow on carousel.
Show Dots
Show/Hide the navigation dots.
Show Image
Show/Hide the images on carousel.
Show Title
Show/Hide the title.
Show Subtitle
Show/Hide the subtitle element.
Show Text
Show/Hide the text element.
Show Button
Show/Hide the button on carousel.
Show Icons
Set the positioning of icons.
- Hide
- In Content
- In Overlay
Icons Placement
Set the placement of icons.
- Before Text
- After Text
Company Logo
Set the placement of company logo.
- Hide
- Before Text
- After Text
Show Text Header
Show/Hide the text header element.
Nav Arrow Settings #
Left Arrow
Choose a custom icon for Left Arrow from the icon library.
Right Arrow
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.
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.
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
Title
Type the title.
Subtitle
Type the text to display as subtitle.
Text
Type the text to display in carousel item.
Image
Choose an image to display.
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)
Button Link
Paste your URL to link with the button.
Icon One
Choose an icon to display.
Link One
Paste your URL to link with the icon.
Company Logo
Choose an image to display as company logo.
Additional Image(After Text)
Turn on the option to display an additional image after text.
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.
