Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

version-update-ue
297281
PDF in Elementor - Featured Blog

Team Member Card for Elementor (Free & Easy to Use)

The “Team Member Card Widget” allows you to showcase your team members for free in WordPress Elementor websites. Highlight key details such as names, roles, bios, and social links in a visually appealing card layout. Customize the design, colors, and typography to match your site’s style seamlessly.

 

Let’s look at each of the options in the “Team Member Card Widget” below.

Elementor Team Member Card Tutorial Video

Add a Free Team Member Card for Elementor

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Team Member Card”
  3. Hover over the widget in the search results and click install
  4. Add your “Team Member Card” widget to any Elementor Page
Add a Free Team Member Card for Elementor

General Settings in Elementor Team Member Card

General Settings in Elementor Team Member Card
1

Image

Choose an image to display.

2

Image Size

Select the image size from the drop-down list

  • Medium Large (max width 768)
  • Large (max width 1024)
  • Medium (max width 300)
  • Thumbnail (150x150)
  • Full Size
  • 1536x1536 (max width 1536)
  • 2048x2048 (max width 2048)
  • Woocommerce Thumbnail (300x300)
  • Woocommerce Single (max width 600)
  • Woocommerce Gallery Thumbnail (100x100)
  • Shop Catalog (300x300)
  • Shop Single (max width 600)
  • Shop Thumbnail (100x100)
3

Title

Type a title for member card.

4

Sub Title

Type the sub title.

5

Text

Type your text to display.

6

Button Link

Paste your URL to link with the button.

7

Button Text

Type custom text for button.

8

Company Logo Image

Select the company logo to display.

Layout Settings in Elementor Team Member Card

Layout Settings in Elementor Team Member Card
1

Image Placement

Set the placement of Image.

  • Hide
  • Header
  • Content
  • Footer
2

Title Placement

Set the placement of Title.

  • Hide
  • Header
  • Content
  • Footer
3

Subtitle Placement

Set the placement of subtitle.

  • Hide
  • Header
  • Content
  • Footer
4

Company Logo

Set the placement of company logo.

  • None
  • Header
  • Content
  • Footer
5

Text Placement

Set the placement of text.

  • Hide
  • Header
  • Content
  • Footer
6

Icons Placement

Set the placement of icon.

  • Hide
  • Header
  • Content
  • Footer
7

Button Placement

Set the placement of button.

  • Hide
  • Header
  • Content
  • Footer
8

Show Header

Show/Hide the header element.

9

Show Footer

Show/Hide the footer.

Elementor Team Member Card Items Settings

Manage the items to display on team member card using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
Elementor Team Member Card Items Settings
1

Title

Type the title.

2

Icon

Choose an icon to display.

3

Link

Paste your URL to link with the icon.

Elementor Team Member Card Styling

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

Elementor Team Member Card Styling

Card Styling in Elementor Team Member Card

Set the card radius, border, and shadow.

Card Styling in Elementor Team Member Card

Card Background Styling in Elementor Team Member Card

In this section, style the card background using different options.

Card Background Styling in Elementor Team Member Card

Elementor Team Member Card Image Styling

You can set the image width, height, radius, margin, border, and alignment.

Elementor Team Member Card Image Styling

Elementor Team Member Card Content Styling

In this section, set the content alignment, and padding.

Elementor Team Member Card Content Styling

Elementor Team Member Card Title Styling

Style the title color, typography, shadow, and spacing.

Elementor Team Member Card Title Styling

Elementor Team Member Card Subtitle Styling

Here, you can set sub title color, typography, shadow, and spacing.

Elementor Team Member Card Subtitle Styling

Company Logo Styling in Elementor Team Member Card

You can set the logo height, spacing, and logo fit.

Company Logo Styling in Elementor Team Member Card

Elementor Team Member Card Text Styling

Set the text color, typography, shadow, and spacing.

Elementor Team Member Card Text Styling

Elementor Team Member Card Icons Styling

Style the icon alignment, size, border, radius, spacing, margin and color.

Elementor Team Member Card Icons Styling

Icons Hover Styling in Elementor Team Member Card

You can style the icon hover color, border hover, background hover, and hover effect.

Icons Hover Styling in Elementor Team Member Card

Elementor Team Member Card Header Styling

This section lets you set header alignment, padding, background, and border.

Elementor Team Member Card Header Styling

Elementor Team Member Card Footer Styling

You can set the footer background, padding, alignment, and border.

Elementor Team Member Card Footer Styling

Elementor Team Member Card Button Styling

You can style the button typography, padding, background color, text color, spacing, and border.

Elementor Team Member Card Button Styling

Usage Examples of Elementor Team Member Card

Here are some live use cases for the Team Member Card Widget.

Free Elementor Team Member Card with Social Media Icons.

Free Elementor Team Member Card with Social Media Icons.

Free Elementor Team Member Card with an Action Button.

Free Elementor Team Member Card with an Action Button.

Thank you for using the Team Member Card Widget for Elementor! With its modern design and customizable features, this is the best Team Member Card Widget for Elementor, perfect for showcasing your team in a professional and engaging way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!