1. Home
  2. Docs
  3. Content Elements
  4. Team Member

Team Member EA Element

The Team Member is a responsive WP widget that allows you to decorate your support/about us/team/contacts/staff page of the website. It is a very powerful and lightweight showcase and slider element. You can present your company’s professional stuff on your website in a quality and professional way by using this element. Here in this tutorial, you’re going to learn how to use the Team Member element into Elementor Page Builder. So let’s get straight into it:

 


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Team Member Element

 

 

»Content

 

Information

⇒Photo: Upload the team profile photo here.

⇒Image Size: Customize the fixed size of the team profile image from our pre-defined size type.

⇒Name: Enter the name of the member.

⇒Job Title: Enter the job title of the member.

⇒Short Bio: If you want to write a short bio about that particular team member, then enter it here.

⇒Title HTML tag: Define the HTML tag for the team member name. Respectively h1, h2, h3, h4, h5 & h6 from bigger to smaller in size.

⇒Alignment: Set the team member content alignment either left, right, center or justified.

 

Social Profiles

⇒Show Profiles: Do you want to show the social profiles of the team member? Then activate the social profiles by selecting ‘Show’.

⇒Profile Name: Add the social platform name here. Ex: Facebook

⇒Profile Link: Add the link or URL of the social profile in order to redirect your viewers to that particular member’s social profile.

⇒Want to Customize? If you want to customize the social profile button style, then enable this option. Enabling this option will open a tab where you can customize the Text Color & the Background Color of the social button for both normal and hover view.

⇒Add Item: Use the ‘+Add Item’ button to add more social profiles to the list.

 


»Style

 

Photo

⇒Width: Set the width of the team profile photo manually for different dimensions.

⇒Height: Set the height of the team profile photo manually for different dimensions.

⇒Bottom Spacing: Generate some bottom space between the photo and contents.

⇒Padding: Set the padding value for the top, right, bottom and left around the profile photo for different dimensions. You can link the values together or customize them individually.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the photo for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border for normal view.

⇒Border Radius: Set the border radius for the top, right, bottom and left around the photo for different dimensions.

⇒Box Shadow: Customize the box-shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

⇒Background Color: Add a custom background color to the image.

 

Name, Job Title & Bio

⇒Content Padding: Set the padding value for the top, right, bottom and left around the content for different dimensions. You can link the values together or customize them individually.

⇒Name:

→Bottom Spacing: Generate some bottom space between the team name and contents for different dimensions.

→Text Color: Add a custom color to the name text.

→Typography: Set the typography options for the name.

→Text Shadow: Add the text-shadow to the name text. Customize the shadow color, blur radius, horizontal and vertical shadow manually.

⇒Job Title:

→Bottom Spacing: Generate some bottom space between the job title and contents for different dimensions.

→Text Color: Add a custom color to the job title text.

→Typography: Set the typography options for the job title.

→Text Shadow: Add the text-shadow to the job title text. Customize the shadow color, blur radius, horizontal and vertical shadow manually.

⇒Short Bio:

→Bottom Spacing: Generate some bottom space between the team short bio and social profiles for different dimensions.

→Text Color: Add a custom color to the short bio text.

→Typography: Set the typography options for the short bio.

→Text Shadow: Add the text-shadow to the short bio text. Customize the shadow color, blur radius, horizontal and vertical shadow manually.

 

Social Icons

⇒Right Spacing: Add a custom space to the right side of each social icon.

⇒Padding: Set the padding value for the top, right, bottom and left around the icons inside of any defined border for different dimensions. You can link the values together or customize them individually.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the social icons for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the border for normal view.

⇒Border Radius: Set the border radius for the top, right, bottom and left around the social icons for different dimensions.

⇒Text Color: Add a custom color to the Social Icons color for both normal and hover view.

⇒Background Color: Add a custom color to the Social Icons background for both normal and hover view.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the Team Member Element.


Was this article helpful to you? Yes No

How can we help?