---
title: "How to Show Team Members in Masonry Grid Layout in Elementor?"
url: https://theplusaddons.com/docs/show-team-members-in-masonry-grid-layout-in-elementor/
date: 2023-06-29
modified: 2026-04-11
author: "Aditya Sharma"
description: "Are you looking for an attractive and dynamic way to showcase your team members on your Elementor-powered website? The masonry grid layout brings a modern and visually appealing look to..."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Show-Team-Members-in-Masonry-Grid-Layout-in-Elementor_-1024x536.jpg
word_count: 187
---

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

## Key Takeaways

- Team Member Listing widget from The Plus Addons for Elementor creates a masonry grid layout for team member profiles.
- Masonry layout can be selected from the Layout section after adding the Team Member Listing widget.
- Columns can be managed from the Columns Manage tab in the Team Member Listing widget.

Are you looking for an attractive and dynamic way to showcase your team members on your Elementor-powered website? The masonry grid layout brings a modern and visually appealing look to your team member showcase. By utilising this layout, you can create an engaging and captivating display that grabs visitors' attention.

With the Team Member Listing widget from The Plus Addons for Elementor, you can easily create a stunning masonry grid layout for your team member profiles.

*To check the complete feature overview documentation of The Plus Addons for Elementor Team Member Listing widget, [click here](/docs/team-member-listing-widget-settings-overview/).*

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

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

To do this, add the Team Member Listing widget on the page, after selecting the appropriate source from the **Select Source** dropdown and style, select **Masonry** from the **Layout** section.

![](https://theplusaddons.com/wp-content/uploads/2023/06/team-member-listing-masonry-layout-new.png)

Now your team member listing will show in a beautiful masonry layout. You can manage the masonry columns from the **Columns Manage** tab.

![team member listing masonry layout demo](https://theplusaddons.com/wp-content/uploads/2023/06/team-member-listing-masonry-layout-demo.png)

Also, read [How to Show Team Members in Grid Layout in Elementor](https://theplusaddons.com/docs/show-team-members-in-grid-layout-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if the masonry grid layout isn't displaying correctly?**
A: If the masonry grid layout isn't displaying as expected, ensure that the Team Member Listing widget from The Plus Addons for Elementor is properly installed and activated. Additionally, check that you have selected 'Masonry' from the Layout section after adding the widget. If issues persist, verify that your Elementor version is up to date, as compatibility can affect layout rendering.

**Q: Can I use the masonry grid layout for showcasing other types of content?**
A: The masonry grid layout is specifically designed for the Team Member Listing widget in The Plus Addons for Elementor. While it excels in displaying team members, you may consider using similar layout techniques for other content types, but this would require different widgets or custom coding. For team members, the masonry layout creates an engaging visual display that enhances user interaction.

**Q: What are the best column settings for a masonry grid layout?**
A: The best column settings for a masonry grid layout depend on your design preferences and the amount of content you have. You can manage the masonry columns from the Columns Manage tab within the widget settings. A common practice is to use 3 to 4 columns for desktop views to maintain a balanced look, while adjusting to 1 or 2 columns for mobile devices to ensure readability.