Team Slider
Your team sells the business as much as anything on the page, but a flat grid of headshots rarely lands that way. The Master Addons Elementor team slider turns those profiles into a carousel people can browse: photos, names, roles, short bios, and social links, sliding in a layout you control. Pick a style preset, add each member through a simple repeater, and you have a team members carousel up without writing any code.
It is more than a row of faces. Hover effects, autoplay, and per-element styling give each profile a bit of character and keep people clicking through the whole team instead of stopping at the first card. The video below shows the build. Further down you get the presets, the carousel settings, and a quick how-to.
What Is an Elementor Team Slider?
A team slider is a carousel that shows your people one card at a time instead of stacking them in a static grid. Visitors swipe or click through the profiles, and each card carries a photo, a name, a role, and usually social links. You will see it called a team members carousel or a team member slider too. Same idea either way: fit a big team into a small space and let people move through it rather than scroll past a wall of photos.
You can get close with Elementor’s core carousel and a lot of manual styling, but then the profile layout, the hover states, and the responsive behavior are all on you to build and keep working. The Master Addons widget ships those as presets, so most of the work is configuration, not design. If a fixed grid suits you better than a carousel, the team members section guide covers that instead.
Start With a Ready-Made Style Preset
You don’t have to design a card from scratch. Start from a preset like Team Carousel, Circle Gradient, or Content on Hover, each one a finished look you can adjust. Then build the team in the Content repeater: add an item per member, upload the photo, set the image resolution, and fill in the Name, Designation, and a short Description. It works like a little visual database for your team, run from one panel.
- One-click presets: apply a full design like Team Carousel or Circle Animation and you have a layout to start from.
- Repeater management: add, remove, or drag members into order with the + Add Item button.
- Full member profiles: image, name, designation, description, and social links for each person.
Carousel Controls and Navigation
Set the carousel to behave the way you want. Turn on Autoplay and set its speed, choose how many slides scroll at a time, and switch on Loop for an endless carousel. Then decide how people move through it: arrows, dots, or both, sitting inside or outside the slider. You can also hide the arrows on mobile, which is worth doing since they tend to crowd a phone screen anyway.
- Autoplay and loop: set autoplay speed, animation speed, loop, and slides to scroll.
- Navigation: arrows, dots, or both, with custom positioning.
- Mobile: hide the nav arrows on phones to keep the view open.
Style Every Element of the Slider
Each layer styles on its own. Set the general look first, the slider background and content alignment, then go into the detail: give the Name, Designation, and Description their own color, type, and spacing. The member card has separate backgrounds, borders, and box shadow for its Normal, Hover, and Active states, so the card actually reacts as people move through the carousel.
- Text styling: separate type, color, and spacing for the name, role, and bio.
- Card states: different styling for the card when it is Normal, Hover, or Active.
- Arrow styling: color, background, size, border, and padding for the nav arrows, normal and hover.
Social Profiles and Hover Effects
Add a member’s Facebook, Twitter, LinkedIn, or Instagram URL and the icons show up on their card as a styled set. Some presets, like Social Left on Hover or Content on Hover, hold the bio or the icons back until someone hovers the card, then reveal them. You can color the icons and their backgrounds separately for the normal and hover states, so the reveal looks like part of the design instead of an afterthought.
- Social Media Integration: Add up to four social profile URLs per team member; icons display automatically.
- Icon Styling: Customize social Icon Color and Background for both Normal and Hover states.
- Interactive Presets: Utilize presets with built-in hover animations to reveal bios or social links elegantly.
How to Add a Team Slider in Elementor?
A working team slider takes a few minutes. No shortcodes, no separate slider plugin.
- Install and activate Master Addons, then edit a page with Elementor.
- Search the widget panel for Team Slider and drag it onto the page.
- Pick a Style Preset to set the base look.
- In the Content repeater, click + Add Item for each member and fill in the photo, name, designation, description, and social links.
- Open Carousel Settings for autoplay, loop, slides to scroll, and navigation.
- Style the text, cards, and arrows to match your brand, then publish.
One thing to check before you call it done: upload square, evenly cropped photos. Mismatched image sizes are the usual reason a team slider looks off, since one tall headshot throws the whole row out of line. Every setting is covered in the Team Members Carousel documentation.
Not Just for Teams: Clients and Testimonials
It is branded for teams, but under the hood it is a profile carousel, so it doubles as a testimonial slider or a client carousel. Drop a client logo or customer photo in the image field, the person or company in the name, their role in the designation, and the quote in the description. The same presets and controls carry over.
- Team page: photos, roles, bios, and social links for your staff.
- Testimonial slider: customer photo, name, company, and their quote.
- Client carousel: logos with a short line about each project.
- Speaker or author lineup: headshots with a bio and a link out.
If you just want a plain image carousel, the Elementor image carousel is the simpler pick.
Frequently Asked Questions For Team Slider Element
How many team members can I add to the slider?
As many as you need. Keep clicking + Add Item in the Content section to add profiles, and the carousel takes any number. A very large team can drag on the initial page load, though, so compress the member photos and turn on lazy loading once you are into the dozens.
Is the Elementor team slider responsive on mobile and tablet?
Yes. The slider, images, text, and navigation all adapt, and the slides per view and item gap adjust on smaller screens. For tighter control, use Elementor’s responsive mode to set different font sizes or image dimensions on tablet and mobile.
Can I use it for testimonials or clients instead of a team?
Yes. It is a flexible profile carousel. Put a client logo or customer photo in the image, the name in the title, the company or role in the designation, and the quote in the description. That gives you a testimonial slider or a client carousel without adding another widget.
How do I change the autoplay speed?
In Carousel Settings, look for Autoplay Speed. The value is in milliseconds, so 5000 is five seconds. Lower it for quicker slides (3000 for three seconds) or raise it to slow them down (7000 for seven seconds).
Trending Elementor Widgets & Extensions
Build sophisticated websites in less time.
Glassmorphism
Container Extras
Patterns
Post/Page Duplicator
