# Team Member

The **Team Member** **Widget** is used to display the single team member in grid cards with the name, position, and social icons.

### Using the **Team Member** widget

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

### Step 1:

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

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FHO6YPLcqbJVbslxpgja9%2FCompanion%20-%20tram%20mem%20ad.png?alt=media\&token=8f65a193-1331-4b58-900f-d007a8a6e73e)

### Step 2:

You will get a window with the basic setting options under the **Content.**

In **Team Member** **settings**, you can add team member items and add content to its body:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2Fb23wxMVF8n1E0HKCFBlA%2FCompanion%20-%20tram%20mem%20cont.png?alt=media\&token=612493c6-e172-4dd4-a4b9-07f33991c219)

Hit on the **Add item** to add more social links to the cards.

### 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%2FBWaFa7N2bRA5DW5xv82M%2FCompanion%20-%20tram%20mem%20style.png?alt=media\&token=4d48d65a-c4a9-402d-891d-56fbd2876cf4)

### 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%2FifvbML2QFn5dhPp4IuEE%2FCompanion%20-%20tram%20mem%20adv.png?alt=media\&token=c1b70b59-aba1-4129-b8c4-a6a37d0b7dfa)

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%2FXw3IcGKvUWvRbQ13nrXV%2FCompanion%20-%20tram%20mem%20fin.png?alt=media\&token=fb3efd4b-feb5-49dd-8f55-3bb30970e4c3)

Great job! You have done it successfully.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FyZ3qQsAEYgqonpHnyf6n%2FTeam%20Member.gif?alt=media\&token=9a78e41a-69d5-411c-ad81-2d679b97f612)