Team Member

< All Topics

The Team Member widget is used to display to the office crew if you have a business website. You just need to upload an image of the employee and enter other details like name, destination, hobbies, etc.

You can create amazing team member layouts with lots of listing, customization, and styling options using this widget for WordPress using Elementor.

Pro tip
Why not add your office crew on the about page of your business using this widget. This not only looks good but people prefer to work with businesses that are more open.

How to use the Team Member Widget of The Plus Addons For Elementor

The Team Member widget comes with different styles and a plethora of customization options using which you can create stylish looking players for your websites.

Table Of Contents

General Steps

Search for the Team Member element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Team Member widget. First, click on the Content tab.

1. Content

Content Layout

Select Style for the Team Member widget.

Style

Select your preferred Style for the Team member listing. You will get four style options to choose from.
Style 1
Style 2
Style 3
Style 4

Layout

Select your preferred Layout for the Team member listing. You will get four layout options as listed below:
Grid
Masonry
Carousel

Content Alignment

Select your preferred Alignment for the content in Team member listing.

Disable Link

Slide right to disable link in the Team Member listing.

Content Source

Select Category

Select Category for the Team member listing here.

Maximum Posts Display

Select how many posts you want to display Maximum.

Offset Posts

Hide posts from the beginning of the listing.

Order By

Select in what order by which the Team member listing will be displayed.

Order

Select the order type of the Team member listing either ascending or descending.

Columns Manage

Desktop Column

Set your the column you want to display on desktop devices.

Tablet Column

Set your the column you want to display on Tablet devices.

Mobile Column

Set your the column you want to display on Mobile devices.

Columns Gap/Space Between

Set how much gap will be there in between the Columns.

Extra Options

Title Tag

Set a the Title Tag that you want to be used for your listing.

Display Designation

Slide right if you want the Designation to be displayed.

Display Social Icon

Slide right if you want to display the Social Icon.

Display Image Size

Enable and set the Display Image Size options here.

Category Wise Filter

Enable and set the Category Wise Filter options here.

All Filter

Enable the All Filter here.

All Filter Category Text

Enter the All Filter Category text here.

Category Filter Style

Set the Category Filter style here.

Filter Hover Style

Set the Filter Hover style here.

Filter Alignment

Set the Filter Alignment here.

2. Style

The Style tab is used for customizing the appearance of all the Team Member widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets. So, we have created a single detailed article explaining these Styling Options.

View Style Tab Tutorial

Title

Set the Typography and Title color of the Title here.

Designation

Set the Typography and Text color of the designation here.

Icon Color

Set the Icon color here.

Featured Image

Set the Background type and Image Hover Effect of the Featured Image here.

Box Loop Background Style

Enable and set the Box Border and Box Shadow options here.

Post Not Found Options

Set the padding, Typography, color, background type, border-radius, and box-shadow for the Post Not Found Options here.

Extra Options

Enable and set the Messy Columns options here.

On Scroll View Animation

On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.

View On Scroll View Animation Tutorial

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0.5 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 100%
How can we improve this article?
Need help?