Team Slider
Your team is your biggest asset, but a static grid of photos fails to capture their energy. Master Addons Team Slider transforms team profiles into an interactive, visual narrative. Choose from beautiful Style Presets – from modern cards to animated circles – then build each member’s profile with photos, roles, bios, and social links. Present them in a smooth, controllable carousel that visitors can browse. With deep styling for every element and advanced hover effects, you don’t just show faces; you showcase personality and build connection.
Start with Stunning Designs
Why design from zero? Hit the ground running with curated Style Presets like “Team Carousel”, “Circle Gradient”, and “Content on Hover”. Each preset applies a complete, professional look. Then, build your team using the intuitive Content repeater. Add Items for each member: upload their image, set a custom Image Resolution, write their Name, Designation, and a short Description. It’s like a visual database for your team, all manageable from one simple panel.
- One-Click Style Presets: Apply complete designs (Team Carousel, Circle Animation, etc.) for an instant professional layout.
- Repeater-Based Management: Easily Add, Remove, or Reorder team members with the + Add Item button.
- Rich Member Profiles: For each member, add an Image, Title, Designation, Description, and social media links.
Smart Carousel Controls & Navigation
Configure the Carousel Settings for the exact behavior you want. Enable Autoplay and set its speed, choose how many Slides to Scroll, and enable Loop for infinite scrolling. Then, choose how users interact. Set Navigation to Arrows, Dots, or both – and position them Inside or Outside the slider. You can even Hide Arrows on Mobile for a cleaner touchscreen experience. Full control means a seamless, engaging browse.
- Advanced Carousel Settings: Control Autoplay Speed, Loop, Animation Speed, and Slides to Scroll.
- Flexible Navigation: Choose Arrow and/or Scrollbar navigation, with custom positioning (Center, offset).
- Mobile-Specific Controls: Option to hide navigation arrows on mobile devices to maximize the view.
Design Every Single Element
Style each visual layer independently for total creative freedom. Adjust the General Styles like Background Color and Content Alignment for the whole slider. Then, dive deeper: style the Name, Designation, and Description with individual Color, Typography, and Margin controls. Design the Carousel Items (the card/container for each member) with unique Normal, Hover, and Active state backgrounds, borders, and Box Shadow. This depth ensures every detail matches your brand.
- Text Element Styling: Style Name, Designation, and Description with separate typography, colors, and spacing.
- Item State Design: Define different styles for the member card in Normal, Hover, and Active states.
- Navigation Arrow Design: Fully style the arrow Color, Background, Size, Border, and Padding for both normal and hover.
Social Profiles & Hover Effects
Easily Display Social Profiles for each member by adding their Facebook, Twitter, LinkedIn, or Instagram URLs. These appear as styled icon sets. Plus, leverage advanced Hover Effects built into the presets – like “Social Left on Hover” or “Content on Hover” – that reveal information beautifully as users interact. You can style the Social Icons’ colors and backgrounds separately for their normal and hover states, making the entire element feel alive and interactive.
- 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.
Frequently Asked Questions For Team Slider Element
How many team members can I add to the slider?
You can add as many as you need. Use the + Add Item button in the Contents section to keep adding new team member profiles. The carousel will handle any number, though very large numbers might impact initial page load speed.
Is the slider fully responsive on mobile and tablet?
Yes. The slider, its images, text, and navigation are all fully responsive. The Slides per Column and Item Gap will adjust. For finer control, you can use Elementor’s responsive mode to tweak font sizes or image dimensions specifically for tablet and mobile views.
Can I use this to show clients or testimonials instead of a team?
Absolutely. While branded for “Team,” it’s a versatile content slider. Use a member’s Image for a client logo, their Name for the client’s name, their Designation for their company/role, and the Description for the testimonial quote. It works perfectly for client carousels or case study highlights.
How do I change the speed of the autoplay?
In the Carousel Settings, find the Autoplay Speed field. The value is in milliseconds (ms). So, 5000 means 5 seconds. Change this number to make the slides advance faster (e.g., 3000 for 3 sec) or slower (e.g., 7000 for 7 sec).
Trending Elementor Widgets & Extensions
Build sophisticated websites in less time.
Caldera Forms
