Introducing your team adds a personal touch to your business. A carousel allows you to display a large team without taking up infinite vertical scrolling space.

To solve this, use Div Render Container Slider for Elementor.

Step 1: Designing the Team Card

Create a parent Container. Inside, design a single “Team Member” child container.
Include:

  • Image: The team member’s headshot.
  • Heading: Name.
  • Text: Job Title.
  • Social Icons: Use the Social Icons widget to link to their LinkedIn or Twitter.

Step 2: Activating Slider Mode

Enable Slider Mode on the parent Container.

Step 3: Slider Settings

  • Slides Per View: 4 on Desktop works well for team grids.
  • Space Between: Set to 30px to give each member’s card room to breathe.
  • Loop: Set to Yes so users can scroll through the team infinitely.

Pro Tips for Team Sections

  • Hover Effects: Add a hover effect to the child container (e.g., the image zooms in or the social icons fade in) to make the interaction engaging.
  • Navigation: Use “Arrows” for team sections so users can manually click through at their own pace.