fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Team Member Box

The “Team Member Box Widget” allows you to showcase your staff, employees or any type of people in your Elementor website easily & fast. You can add their picture, position, bios and social links to member box. You can also turn on & off any part of the content such as Content, title, subtitle, text overlay, social icons.

 

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

Install Team Member Box Widget 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 Box”
  3. Hover over the widget in the search results and click install
  4. Add your “Team Member Box” widget to any Elementor Page

General Settings #

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 box.

4
Sub Title

Type the sub title.

5
Text

Type your text to display.

6
Overlay Text

Type text to show as overlay text.

Layout Settings #

1
Title

Set the placement of Title.

  • Hide
  • Content
  • Overlay
2
Subtitle

Set the placement of subtitle.

  • Hide
  • Content
  • Overlay
3
Text

Set the placement of text.

  • Hide
  • Content
  • Overlay
4
Social Icons

Set the placement of social icon.

  • Hide
  • Content
  • Overlay
5
Show Text Overlay

Show/Hide the text overlay element.

6
Show Content

Show/Hide the content.

Items Settings #

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

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
1
Title

Type the title.

2
Link

Paste your URL to link with the icon.

3
Icon

Choose an icon to display.

Team Member Box Widget 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.

Box Styling #

Set the box radius and box border.

Image Styling #

In this section, style the image height, border, positioning, and CSS filters.

Overlay Styling #

You can set the overlay color, text alignment, padding, horizontal and vertical alignment.

Content Styling #

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

Overlay Text Styling #

Style the overlay text position, color, background, typography, and padding.

Title Styling #

Here, you can set the title color, typography, and spacing.

Subtitle Styling #

You can set the subtitle color, typography, and spacing.

Text Styling #

Set the text color, typography, and spacing.

Social Icons Styling #

Style the social icon size, border, color, background, and spacing.

Usage Examples #

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

Video Overview #

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!