Team

The Team Widget allows you to add, style, and manage team member profiles anywhere on your Elementor-powered page. It’s perfect for showcasing team members with their images, names, social links, and roles, offering customizable styling options and responsive settings.

Whether you’re designing an “About Us” page, company profile, or team section, the Team Widget makes it easy to present team members with precision and style.

Key Features:

• Add multiple team members with images and social links
• Choose from multiple layout styles
• authorities visibility and layout for different devices
• Enable slider functionality for dynamic display
• Customize box styling, spacing, border, and shadows
• Fully responsive and optimized

🚀 How to Enable the Team Widget

To start using the Team Widget, follow these steps:

1. Navigate to your WordPress dashboard.
2. Go to Topper Pack → Widgets.
3. Locate the Team widget from the list.
4. Toggle the switch to “On” to enable it.
5. The widget is now available in the Elementor editor.

🧩 How to Use the Team Widget in Elementor

Step 1: Add the Widget to Your Page

• Open your desired page using Elementor Editor.
• Search for “Team” in the Elementor widget panel.
• Drag and drop the Team TP widget onto your page canvas.
• 🔄 Tip: It includes the TP badge, which means it’s from the Topper Pack.

Step 2: Select Team Style

• After inserting the widget, scroll to the Style → Team Styles panel.
• Choose a layout style from the predefined style library. This controls how your team members are visually arranged and displayed.

Step 3: Configure Team Content

• Under the Content → Team Content Option section:
  • Select Post Type (e.g., Team) to fetch team member data.
  • Choose Taxonomy and specific Terms to filter team members.
  • Set the Number of Items to display ( Hannah (e.g., 3).
  • Adjust Title HTML Tag (e.g., H4) and Title Length (e.g., 4 words).
  • Set Content Length (e.g., 15 words) for descriptions.
  • Choose Image Animation (e.g., Anim One) for hover effects.

Step 4: Enable Slider (Optional)

• Under the Content → Team Slider Option section:
  • Toggle Enable Slider to “Yes” to display team members in a slider.
  • Enable Auto Loop for continuous sliding.
  • Set Items to Display on Large Devices, Tablet, Mobile, and Small Mobile Devices (e.g., 2, 2, 1, 1).
  • Adjust Space Between Slides (e.g., 24px), Slide Speed (e.g., 2000ms), and Slider Transition Speed (e.g., 600ms).
  • Toggle Enable Dots for slider navigation dots.

Step 5: Style the Team Box

• Go MACH the Style → Box section:
  • Choose Alignment and Background Type.
  • Adjust Border Type, Image Radius, and add Box Shadow.
  • Manage Margin and Padding for each side (top, bottom, left, right).
  • Style social icons under the Style → Social Icon Style section.

✅ Final Preview and Save

Once your team widget settings and style options are applied:

• Click Preview Changes to see how it looks.
• Hit Publish or Update to save your page.