Go to athemes.com

ProUsing the Team Carousel Widget

See this widget in action here.

Want to showcase your team members in a dynamic, scrollable carousel? The Team Carousel widget in aThemes Addons Pro lets you display team profiles with images, bios, social links, and fully customizable carousel settings.

In this guide, we’ll walk you through how to use the Team Carousel widget in aThemes Addons to create an engaging team section on your site.

Table of Contents
  1. Activating the Team Carousel Widget
  2. Exploring the Team Carousel Widget

This widget is part of the aThemes Addons for Elementor plugin. To activate it:

  1. Navigate to the aThemes Addons dashboard in your WordPress admin area.
  2. Search for the Team Carousel widget.
  3. Toggle the switch to activate it.
    The widget will now be available in the Elementor interface.

Team Members Section

  • Image: Upload or select an image for the team member from the WordPress media library.
  • Name: Add the team member’s name (e.g., “John Doe”).
  • Position: Specify the job title (e.g., “CEO”).
  • Experience: Mention the years of experience or key highlights (e.g., “10 years experience”).
  • Short Bio: Add a brief biography for the team member.
  • Social Links:
    • Facebook, Twitter, LinkedIn, Instagram, YouTube: Add links to the team member’s social profiles.
  • Columns: Choose the number of team members displayed per slide (1-6).
  • Arrows: Show or hide navigation arrows.
  • Dots: Display or hide pagination dots.
  • Autoplay: Enable or disable automatic sliding.
  • Autoplay Speed: Set the duration for autoplay (e.g., 5000ms).
  • Transition Speed: Adjust the speed for slide transitions (e.g., 500ms).
  • Infinite Loop: Enable seamless looping of slides.
  • Pause on Hover: Stop autoplay when the user hovers over the carousel.

Image Section

  • Width and Height: Customize the size of the image.
  • Border Radius: Add rounded corners to images.
  • Hover Effects: Apply effects like zoom or opacity transitions when hovering over an image.

Style Settings

  • Card Style: Customize the card’s background, border, shadow, and padding.
  • Text Styling: Control typography, color, and spacing for:
    • Name
    • Position
    • Experience
    • Short Bio
  • Social Icons: Adjust the size, spacing, and hover effects of social media icons.

The Style Tab provides further customization to align the carousel with your website’s design:

  • Fine-tune the appearance of images, text, and icons.
  • Adjust paddings, margins, and background colors.
  • Add hover effects and transitions for dynamic interactions.

Usage Tips

  1. Consistent Image Dimensions: Use images of the same size for uniformity.
  2. Highlight Key Information: Keep bios concise and impactful.
  3. Optimize Performance: Compress images for faster loading times.
  4. Use Social Links Wisely: Include only the most relevant social media profiles for each team member.

That’s it! You’ve successfully learned how to use the Team Carousel widget in aThemes Addons Pro to showcase your team in a dynamic carousel layout.

Next, would you like to display a single team member profile instead? Check out our guide on Using the Team Member Widget to learn more.

image_print