booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Team Member

Team Member

Preview Widget
Preview Widget
Getting Started
Content & Social Accounts
Text & Social Icons Styling

More Widgets

• Showcase Image
• Fancy Icon Box
• Testimonial
• Modern Image
Play Video

# Getting started

The team member widget is a great tool to display your team members in a fancy manner.This widget uses an avatar image, an overlay with a name and text, and a social media section that you can use to link your team members social accounts.

Read more about this amazing widget down below.

Content & Social Accounts

This section is going to be used to define all the team member content text elements but also to upload your avatar image and set your social accounts.

  • Layout : Choose a layout for the widget.There are 8 different styles that you can choose from.
  • Avatar Image : Select or upload a photo for your member.
  • Author Name :  A text that represents the name of your team member.
  • Author Info : This text will be used to give some information about the team member.For example his position within the team.
  • About Text : This text can be used to give a description about the team member job or tasks.This can be a short paragraph or a long text depending on what you need.
  • Social Accounts : This section provide you with a list of social medias that you can use to link up your social accounts.The linked accounts will appear next to the content text or on the overlay depending on which layout style you are using.The list has a great number of social medias : Facebook, Twitter, LinkedIn, YouTube, Skype...

Styling

Under the styling tab, you will have the full control over the styling of the text and social icons as well as the distances between the widget elements.

  • Text Content Styling

Customize the text elements, author name, author info and about text. Change the font size, font family, line height...

-Colors : Customize the color of your text elements, with the possible use gradient color for the name.

-Shadow : You can apply a text shadow effect for the name to add more style and design.

  • Social Styling

Customize the text properties for the author name, author info, and about text. Change the font size, letter spacing... choose from hundreds of Google font families.

-Open link in : Choose if you want to open your social medias links in the same window or in a new tab.

-Sizes & Margins : Control the icons size and icons background size and change the margins values to control the space between the icons.

-Normal & Hover : Select​ which icon state you want to customize.Normal for the idle state and hover for when the icon is being hovered.Note that all the remaining options of this section will only affect the selected state.

-Hover Effect : This option will only available when the hover state styling is selected.You can pick from one of the many hovering animations available in the list.

-Color scheme : Enable / disable the social media default color schemes.Enabling this essentially means that each social media icon will have the default social media colors.For example, the Twitter icon will have the light blue color, the Facebook icon will have the dark blue color etc..

-Color : Choose a color for the social media icons.Note that this option will only be available if the color scheme option is disabled.

-Background scheme : Enable / disable the social media default color schemes.Enabling this essentially means that each social media icon background will have the default social media colors.For example, the Twitter icon background will have the light blue color, the Facebook icon background will have the dark blue color etc..

-Background: Choose a color for the social media icons background.Note that this option will only be available if the color scheme option is disabled.

-Borders : Add borders to the icons with the possibility to control the style, width, and color.You can also change the border radius to change the icons shape.

  • Distances : Control the margins & distances between all the widget elements including the social accounts icons section..

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket

WHO ARE WE ?

We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.

BOOSTER ADDONS

CREATIVE ELEMENTOR BUNDLE

FOLLOW US

Email : contact@certaindev.com

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020