1. Home
  2. Docs
  3. Happy Elementor Addons P...
  4. Premium Widgets
  5. Team Carousel

Team Carousel

How to Use the Team Carousel Widget of Happy Elementor Addons Pro

With the new Team Carousel Widget of Happy Elementor Addons, showcase your team members with more class and elegance. Give their title, job description fun, and sleek look with our widget.

Using Team Carousel Widget

Step 1:

Select the team carousel widget from the menu bar on the left-hand side of the screen then drag and drop it in the selected area.

ss1 21

Step 2:

In the ‘Content‘ section, you will find options to edit ‘Information‘, ‘Settings‘.

ss2 20

In ‘Information‘, upload the image of your employee, add the job title and description. You can set image size, align right, left, center, justify. Click on ‘ADD ITEM’ to add more images, to remove click on the ‘X‘ button.

ss3 21

You can add social profile links to your employee profile as well. Click on show options,  to enable all the options to social sites. Add links to them.

ss4 22

In ‘Settings‘, you can set animation speed, there is a center mode option. Choose your navigation between Arrow and Dots. Also, you can choose how many slides to set.

ss5 21

Step 3:

In the ‘Style‘ section, you will have options to design ‘ Carousel Item’,’Photo’, ‘ Name, Job, Title & Bio’, ‘Social Icons’,’ Navigation-Arrow’, and ‘ Navigation-Dots’.

ss6 20

In ‘Carousel Item‘, you can add height, space between items, border, border type, and many more. Your imagination is the limit.

ss7 20

You can design your employees ‘Photo‘, with width, height, border, box-shadow, and many more.

ss8 16

You can design your employees ‘Name, Job Title & Bio’, using bottom spacing, text color, typography, text-shadow.

ss9 15

In ‘Social Icons’, add spacing, padding, border, set icon size. You can add a hover effect to the icons if you like.

ss10 12

Design your ‘Navigation-Arrow’, set position, background-size, font Size, add a border. You can also add a hover effect to your arrows as well.

ss11 9

You can set the navigation position using the position option. You can sync position, align it also.


The same options you will get for designing your ‘Navigation-Dots‘ as well. But you will get an extra active effect for your dots.

ss12 6

Step 4:

If you want to add motion effects, happy effectsbackground, or make it responsive and more intriguing, click on ‘Advanced‘ to explore those options. the ‘Advanced‘ is a default feature of Elementor. Give a read to this Document to know more about Advanced features and its uses.

ss13 2

Finally, after clicking the publish button you will see the beautiful team carousel on your webpage.

ss14 1

That’s it!.

How can we help?