BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Guide

Team Member Free

How to set up and style the Team Member widget in Elementor.

Team Member shows one person: a photo, name, position, short bio and a row of social icons. The Classic layout puts the icons under the text, and a second layout reveals them over the photo on hover. Use one widget per person to build a team or staff section.

Part of: Bright Addons (free).

Set it up

  1. Drag Team Member from the Bright Addons category onto the page.

  2. In Member, choose the Photo and Image Size, then type the Name, Position and Bio.

  3. Pick the Layout: Classic or Social icons on photo hover.

  4. In Social Links, edit each item in Links: choose the Icon, type the Label (for screen readers) and paste the Link.

  5. Set the Alignment.

  6. Open the Style tab to shape the photo and set the box, text and social icon styles.

Content options

Member

Option What it does
Photo The picture of the person.
Image Size Chooses which image size to load. The default is medium large.
Name The name of the person.
Name Tag Sets the tag used for the name. The default is H3.
Position The job title or role, shown under the name.
Bio A short description of the person.
Layout Chooses Classic or Social icons on photo hover.
Alignment Aligns the card content left, center or right, per device.

Social Links

Option What it does
Links A repeater with one item per social profile. Three items are added by default.
Icon The icon for this profile.
Label (for screen readers) A text name for the link, read by screen readers and shown as the item title in the panel.
Link The address of the profile. New items open in a new tab with nofollow by default.
Bright Addons Pro

Like this free widget? Get 70+ more with Pro

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.

Style options

These sections are in the Style tab.

  • Box

    background color, padding, border, border radius, box shadow and the padding around the text content.

  • Photo

    width, height, border radius and, in the hover layout, the overlay color.

  • Name, Position and Bio

    color and typography for each, plus spacing under the name and the position.

  • Social Icons

    icon size, box size, gap, border radius and color and background for normal and hover.

Tips

  • A social item with an empty Link is skipped, so only filled in profiles appear.

  • In the hover layout, touch devices show the icons over the photo all the time, because they cannot hover.

  • If the hover layout is chosen but no photo is set, the icons fall back to their place under the text.

  • The Name is used as the photo alt text when the image has no alt text of its own.

Questions and answers

Can I show several team members in one widget?

No. Each widget shows one person. Add one widget per column to build a team grid.

Can I add any social network?

Yes. Each item in Links uses an icon picker, so any icon from the library can be used with any link.

How do I make the photo round?

In the Style tab, open Photo, switch Width to pixels, set the same value for Width and Height, and set Border Radius to 50 percent.

Can the social icons show only on hover?

Yes. Set Layout to Social icons on photo hover. The icons then appear over the photo when it is hovered or focused.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides