team section with Elementor

How to create stunning team section with Elementor

Do you want to create a stunning team section on your Elementor website that can easily attract your audiences? Creating a team section is very easy if you have the right tools. There are solutions like Elementor and Absolute Addons that can offer you to create a team section anywhere on your website with a few clicks.

People want to know about the products as well as want to know the team behind the product. So a team section or team page is very important to display information about the company and team members. You need to create a beautiful and engaging team section that can create an attachment to the audience. A beautiful team section can make your website more attractive.

Create stunning team section with Elementor

Step 1

To use the Team widget first, you need to create a section by clicking on the “+” icon on Elementor and then from the block section of the left bar search for Team. Drag the Team block and drop it into your created section.

Under the Content tab from the template menu, you can choose the team-style layout.

After selecting your layout, go to the Team Member option. From there you can add a team member’s picture, name, designation, and description.

Social profile

You can add a team member’s social profiles from here. By default, there are three social profiles items available. You can add an item by clicking on the Add item button. You can also delete or copy items by clicking the delete or copy icon.

Click any of the items to edit the information. First, you can select the social profile icon. After that, you can add a social profile link and add the icon, hover color for normal, and hover conditions.

Step 2

Move on to the Style tab where you will find different style options to customize the team section.

Body Area

You can add the body section background color, border type, border color, border radius, box-shadow, padding, and margin for both normal and hover conditions.

Name & Designation

Set name typography, text color, padding, and margin for normal and hover conditions. Following the same process, you can set designation color and typography, too. For designation color, you can set a classic or gradient color.

Separator

You can enable or disable the separator from here. You can also set separator color, width, padding, and margin.

Content

Set content background, typography, color padding, and margins for team member descriptions.

Social Icon Area

Set social icon box-shadow, icon size, border radius, padding, and margin for both normal and hover conditions.

That’s it! Your team section is fully ready.

Wrapping Up

Following the process, you will be able to create a beautiful and stunning team section on your Elementor website. You can see our other articles to learn How to create a beautiful icon box carousel with Elementor

Create skill bar in Elementor website using Absolute Addons

How to create a beautiful image carousel with Elementor

We hope this article will help you.  If you like this article, please like our Facebook page and subscribe to our Youtube channel.

One Comment

Leave a Reply

Your email address will not be published. Required fields are marked *