The “Team Member Box Widget” allows you to showcase your staff, employees or any type of people for free 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.
Elementor Team Member Box Tutorial Video
Add a Free Team Member Box to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Team Member Box”
- Hover over the widget in the search results and click install
- Add your “Team Member Box” widget to any Elementor Page
General Settings in Elementor Team Member Box
Image
Choose an image to display.
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)
Title
Type a title for member box.
Sub Title
Type the sub title.
Text
Type your text to display.
Overlay Text
Type text to show as overlay text.
Elementor Team Member Box Layout Settings
Title
Set the placement of Title.
- Hide
- Content
- Overlay
Subtitle
Set the placement of subtitle.
- Hide
- Content
- Overlay
Text
Set the placement of text.
- Hide
- Content
- Overlay
Social Icons
Set the placement of social icon.
- Hide
- Content
- Overlay
Show Text Overlay
Show/Hide the text overlay element.
Show Content
Show/Hide the content.
Elementor Team Member Box 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
Title
Type the title.
Link
Paste your URL to link with the icon.
Icon
Choose an icon to display.
Elementor Team Member Box 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 in Elementor Team Member Box
Set the box radius and box border.
Image Styling in Elementor Team Member Box
In this section, style the image height, border, positioning, and CSS filters.
Overlay Styling in Elementor Team Member Box
You can set the overlay color, text alignment, padding, horizontal and vertical alignment.
Content Styling in Elementor Team Member Box
In this section, set the content background, padding, border, and alignment.
Overlay Text Styling in Elementor Team Member Box
Style the overlay text position, color, background, typography, and padding.
Title Styling in Elementor Team Member Box
Here, you can set the title color, typography, and spacing.
Subtitle Styling in Elementor Team Member Box
You can set the subtitle color, typography, and spacing.
Text Styling in Elementor Team Member Box
Set the text color, typography, and spacing.
Social Icons Styling in Elementor Team Member Box
Style the social icon size, border, color, background, and spacing.
Usage Examples of Elementor Team Member Box
Here are some live use cases for the Team Member Box Widget.
Free Elementor Team Member Box with Content on Hover.
Free Elementor Team Member Box with a Highlighted Member in a Grid.
Thank you for using the Team Member Box Widget for Elementor! With its stylish layout and flexible customization, this is the best Team Member Box Widget for Elementor, perfect for highlighting your team members 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.
