---
title: "How to Show Team Members in Grid Layout in Elementor?"
url: https://theplusaddons.com/docs/show-team-members-in-grid-layout-in-elementor/
date: 2023-06-29
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "Want to introduce your team in a neat, evenly spaced grid on your Elementor page? The Team Member Listing widget's Grid layout arranges every team member into equal-width columns automatically...."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Show-Team-Members-in-Grid-Layout-in-Elementor_-1024x536.jpg
word_count: 282
---

# How to Show Team Members in Grid Layout in Elementor?

## 

- The Team Member Listing widget in The Plus Addons for Elementor uses Grid layout as its default and arranges team members into equal-width columns automatically.
- The Layout tab lets the user choose Post Type or Repeater as the source, then set Desktop/Tablet/Mobile Column to control how many cards appear per row at each breakpoint.
- The front end shows four repeater entries in a clean four-column row, with each card displaying the member photo, name, and designation; the same Grid layout works with Team Member custom post type posts.

Want to introduce your team in a neat, evenly spaced grid on your Elementor page? The Team Member Listing widget's **Grid** layout arranges every team member into equal-width columns automatically.

This guide walks you through adding the widget, choosing the Grid layout, and confirming the result on the front end.

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/#team-members-widget?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- The Plus Addons for Elementor installed and activated.- At least a few team members ready, either as repeater entries or as posts of a custom post type.

## Steps

- Add the **Team Member Listing** widget to a page or template.- Under the **Layout** tab, choose **Post Type** or **Repeater** from **Select Source**, then add your team members.- Set **Layout** to **Grid** (this is also the widget's default).- Adjust **Desktop/Tablet/Mobile Column** under the Layout tab to control how many cards appear per row at each breakpoint.

![Team Member Listing widget rendering four team members in a four-column grid.](https://theplusaddons.com/wp-content/uploads/2026/09/team-member-listing-grid-layout.webp)

Verified on the front end (site 1, 2026-09-27): with four repeater entries and the default Grid layout, the widget rendered a clean four-column row of cards, each showing the member photo, name and designation, exactly as documented.

![The same Grid layout with eight real custom-post-type team members instead of repeater entries.](https://theplusaddons.com/wp-content/uploads/2026/09/team-member-listing-post-type-source.webp)

The Grid layout works identically whether the source is the built-in repeater or real posts of the Team Member custom post type - confirmed by rendering both on the same page.

## Not verified

So you know exactly what has and has not been checked:

- Visual appearance across every bundled Style (1-4) and every color/typography combination was not exhaustively checked - only the default style was verified.- Mobile and tablet column behavior was not measured on a physical device, only inferred from the Desktop/Tablet/Mobile Column controls existing.

## Frequently Asked Questions

**Q: What do I need before showing team members in a grid layout in Elementor?**
A: The Team Member Listing widget only works as part of The Plus Addons for Elementor, so the plugin has to be installed and activated first. The page also assumes you already have at least a few team members ready, either as repeater entries or as posts from a custom post type. That matters because the Grid layout simply arranges existing entries into equal-width columns; it does not create the content for you.

**Q: Why are my team members not showing in a grid on the page?**
A: The usual failure point is the source setup, not the layout itself. The widget needs either Post Type or Repeater selected under Select Source before the team members can render. Once that source is set, Grid is the default layout, and the front end should show evenly spaced cards. In the verified example, four repeater entries rendered as a clean four-column row with photo, name, and designation.

**Q: Can I use the same grid layout for both repeater entries and custom post type posts?**
A: The Grid layout works the same way with both sources. The page explicitly confirms that it rendered identically whether the data came from the built-in repeater or from real posts of the Team Member custom post type. That makes it a practical choice if you want one layout style but different content sources behind it.

**Q: How many team member cards can I show per row in Elementor?**
A: The number of cards per row is controlled by the Desktop/Tablet/Mobile Column settings under the Layout tab. Those controls let you decide how many equal-width columns appear at each breakpoint, which is why Grid is useful for responsive team sections. In the verified front-end test, four repeater entries displayed as four columns on desktop with the default Grid layout.

**Q: What is the best layout for a simple team section in Elementor?**
A: Grid is the cleanest choice when you want every team member to line up in equal-width columns without extra styling work. The page says Grid is also the widget’s default, which usually means it’s the safest starting point for a straightforward team showcase. It keeps photos, names, and designations aligned consistently, which helps larger teams look organized instead of uneven.

**Q: Where can I preview or use the Team Member Listing widget?**
A: The widget has a live version available at [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/#team-members-widget?utm_source=tpae&utm_medium=docs&utm_campaign=text). That link is useful if you want to see how The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH presents the Team Member Listing widget before building your own section. It’s especially handy when you want to confirm how the Grid layout looks with real content.