Team member
shortcode

Easy and applicable way to display your team. Create members, their positions, add links to the social networks to introduce the team.
Read documentation
Usage frequency
63%
Preset amount
75%
Customizability
90%

Available options

Default code: [dfd_new_team_member main_layout="layout-1" team_member_name=""]

Style – Choose between 9 preset styles;

Animation – Select among 14 appear effects;

Custom CSS Class –  Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Image – Set the image for the team member;

Image width and height – Specify the width and height for the image to set the size you need;

Member info – Add the title, subtitle and description for the team member;

Team member custom link – Allows you to add the custom link to the team member shortcode;

Apply link to – Choose where the link should be applied. You can apply it to the image or only to the title;

Typography – Select letter spacing, font size, line height and text color. You can also choose the custom font family for the title and the subtitle;

Icon style – Customize the icon size and color for the team member social accounts;

Text alignment – Allows you to align the team member title, subtitle and description horizontally;

Image options – Specify the border radius for the image, enable or disable the shadow for the team member’s thumbnail and choose the visibility options for the shadow;

Overlay color – This option allows you to set the start and end color for the gradient overlay;

Social accounts – Add the links to the member’s social accounts.

Default styles

Samples of preset styles without custom changes
classic style
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
top title style
Team Member Name
Team Member Job
Team member
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Team member
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Team member
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
bottom content style
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
left content style
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
right content style
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
title bottom style
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
title on image style
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
hovered content style
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
hovered title and content style
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.

Customized styles

Some variations of style customizations of the shortcode
custom typography
Team Member Name
Team Member Job
Team member
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Team member
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team Member Name
Team Member Job
Team member
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
with border radius
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
with border radius
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.
Team member
with border radius
Team member
Team Member Name
Team Member Job
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique hendrerit ex ut laoreet.