# Team Carousel

The **Team Carouse**l **Widget** is used to display your team members as a slider with their name, position, and social links.

### Using the **Team** Carousel widget

Go to your site and start editing the page with Elementor.

### Step 1:

Select the **Team Carousel** widget from the menu bar on the left-hand side of your screen then drag and drop it in the selected area.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FsUCnijMeOSAXq1MMeYZw%2FCompanion%20-%20tram%20slider%20add.png?alt=media\&token=61aa1edc-713e-44ea-b5e1-6d86c67a3d56)

### Step 2:

You will get a window with the basic setting options under the **Content** tab. It will give you two options add items and Slider settings.

In **General settings**, you can add the Team items and add content to its body. By enabling the Socials, you can add three different links for each slide:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2Fdn10Jg5lb1fmDjC5adxD%2FCompanion%20-%20tram%20slider%20general.png?alt=media\&token=16d56363-1736-4e9b-bfbb-32f5459f0ea2)

Hit on the **Add items** to add/delete items.

In the **Slider Setting** section, you can configure the slider behavior:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FhSEYiuAhLemfQhqCrIRT%2FCompanion%20-%20tram%20slider%20slider%20set.png?alt=media\&token=7a3b606c-a628-4446-988f-19df9e7bf447)

### Step 3:

Now, by clicking on the Style Tab you can customize the text color, typography, margin, padding, border, size, and many more for used items:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FJvgTMKARWmEzZGuSQBcK%2FCompanion%20-%20tram%20slider%20slider%20style.png?alt=media\&token=c7044ffa-c922-4be2-8014-a7b462b750b9)

### Step 4:

If you want to add motion effects, background, or make the page responsive, click on ‘Advanced**’** to explore those options. This **‘Advanced’** tab is a default feature of Elementor. Give a read to [this Document](https://docs.elementor.com/article/571-advanced-tab) to know more about Advanced features and their uses.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2F1OFywtlim0JvW6yM3DGn%2FCompanion%20-%20tram%20slider%20slider%20adv.png?alt=media\&token=cbb30365-9b0b-4714-aa5e-a259f40b060f)

Finally, after completing all the customization click on ‘Publish’ to see your work live.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FptfSfG4NyNo7yWqZn1Ca%2FCompanion%20-%20tram%20slider%20slider%20final.png?alt=media\&token=336e6364-4786-4fc5-9c21-5f3809dc9ed1)

Great job! You have done it successfully.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2F3qcydy90GlzppbGfn0GX%2FTeam%20Carousel.gif?alt=media\&token=cf769f2f-0723-4857-bf80-10060842729e)