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 Grid

The Team Member Grid widget allows you to showcase your staff, employees or any type of people in a grid layout on your Elementor website. You can quickly add team members to your webpage. Add their picture, position, bios and social links fast and easy. It also has an option to have a call to action button as part of the team member grid item. You can show or hide diffrent fields from the team member grid widget settings. It also supports advanced options such as Remote Connection and syncing with other widgets.

 

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

Install Team Member Grid Widget for Elementor

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

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

General Settings

1
Number of columns

Set the number of columns to be displayed in team member grid.

2
Grid Gap

Set the gap between grid items.

3
Button Text

Type the text to display in button.

4
Image Placement

Set the placement of image.

  • Hide
  • In Header
  • In Content
5
Title Placement

Set the placement of title.

  • Hide
  • In Header
  • In Content
  • In Overlay
6
Subtitle Placement

Set the placement of title.

  • Hide
  • In Header
  • In Content
  • In Overlay
7
Company Logo

Select the option to display the company logo.

  • none
  • content
8
Show Text

Show/Hide the text element.

9
Icons Placement

Set the placement of icons.

  • Hide
  • In Header
  • In Content
  • In Overlay
10
Show Button

Show/Hide the button element.

Items Settings

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

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

Type the title for card item.

2
Subtitle

Type the subtitle for team member grid item.

3
Company Logo

Choose an image to display as company logo.

4
Text

Type the text to display in team member grid.

5
Image

Choose an image to display.

6
Button Link

Paste your URL to link with the button.

7
Icon

Choose an icon to display.

8
Link

Paste your URL to link with icon.

Team Member Grid 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.

Item Styling

Set the item border, color, radius, background, shadow, and padding.

Header Styling

In this section, style the header alignment, padding, and background.

Content Styling

You can set the content alignment, padding, background, and min height.

Image Styling

In this section, set the image height, width, radius, border, shadow, margin, and positioning.

Image Overlay Styling

Style the image overlay color, opacity, width, and height.

Title Styling

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

Subtitle Styling

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

Company Logo Styling

Set the logo height, spacing, fit, and filter.

Text Styling

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

Icons Styling

You can style the icon spacing, size, border, radius, margin, color, and background.

Icons Hover Styling

This section lets you set the hover effect, icon border, color, and background.

Button Styling

You can set the button padding, background color, text color, spacing, border, and radius.

Usage Examples

Here are some live use cases for the Team Member Grid 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!