Using the Team Manager Filters Layouts Widget
This documentation is based on the PRO version, so some features are exclusive to the PRO version.
Step 1: How to Add Widget:
To use this Team Elementor Addon widget, locate the ‘Isotope Layout’ element in the ‘ELEMENTS’ tab or by using the search bar. Then, simply drag and drop the ‘Isotope Layout’ widget into the ‘Drag widget here’ or the ‘+’ section.
Step 2: How to Customize the Layout Settings:
Under the ‘Layout’ tab, you will be able to select various layouts and customize the team’s visual looks. Please check below.
2.1: Layouts:
From the Layout Settings, you can choose your preferred layout.
2.3: Columns:
From the Columns Settings, you can control the responsive columns.
Number of Columns
You can set the number of columns to display team members. This is a responsive setting, allowing you to customize the column layout for Desktop, Tablet, and Mobile devices
2.4: Query:
From the Query Settings, you can customize the query-related parameters that can Taxonomies, include, exclude, and limit the team posts.
2.5: Image:
From the Image Settings, you can customize the image size of the headshot images of the team members, show or hide images and images border style.
2.6: Pagination:
In the Pagination Settings, you can enable pagination for team member grids, which is useful for displaying a large number of team members.
Step 3: How to Configure the Content Settings:
3.1: Content Visibility:
In the Content Visibility settings, you can choose to show or hide specific elements in the team member grids.
3.1: Isotope Filters Button:
In the Isotope Filters Button settings, you can customize the button color, size, font, background hover, and active colors.
Step 4: How to Style Isotope Layout:
Switch to the ‘Style’ tab to style all the features of Isotope Layout and get your desired result.
4.1: Container Settings:
In the Container Settings, you can adjust the card background color, border styling, margin and padding.
4.2: Element Style Controls:
You can customize the styles of each element in the Elementor widget. These settings allow you to adjust the title, job title, short bio, social icons, and “Read More” text, including font size, color, margin, and padding.
