The Grid Layout in WP Team Manager offers extensive customization options to display your team members attractively and responsively. Below are all key settings options, detailed for optimal configuration.
1. Layout & Style Types
Option
Description
Possible Choices
Layout Type
Select the overall layout style of the team grid.
Grid (Default), List, Circular, Card with Shadow
Style Type
Choose visual themes for the grid appearance.
Colorful, Minimal, Dark Mode
Card Style
Apply specific style presets for member cards.
Default, Rounded, Shadowed
Responsive Columns
Define the number of columns per device type.
Mobile: 1-2, Tablet: 2-3, Desktop: 3-4
2. Design & Styling Options
Option
Description
Details / Choices
Theme Preset
Quick style preset for card appearance.
Light, Dark, Custom (user-defined)
Card Shadow
Apply drop shadow to team member cards.
Enabled / Disabled
Background Color
Set background color for the entire grid or individual cards.
Color picker
Primary Color
Color used for links, icons, and accents.
Color picker
Card Background
Background color of each team member’s card.
Color picker
Border Radius
Rounding of the card corners.
0px – 20px
Grid Gap
Space between individual team cards.
Numeric value in px (e.g., 10, 20, 30)
Box Shadow Effect
Add shadow effect to cards for depth.
Enabled / Disabled
Social Icons Color
Color of social media icons within each card.
Color picker
Custom CSS (Scoped)
Add custom CSS rules scoped to the team grid for advanced styling.
Textarea for CSS code
3. Image Settings
Option
Description
Choices / Details
Image Size
Select size of team member images.
Full, Thumbnail, Custom
Image Style
Style of profile images.
Boxed, Rounded, Circle
4. Display & Content Options
Option
Description
Choices / Toggles
Hide Job Title
Show or hide team members’ job titles.
Toggle: Yes / No
Hide Additional Info
Show or hide extra info such as bios or details.
Toggle: Yes / No
Hide Read More
Show or hide ‘Read More’ links.
Toggle: Yes / No
Hide Social Icons
Show or hide social media icons on profiles.
Toggle: Yes / No
Show Pagination
Enable or disable pagination for large teams.
Toggle: Yes / No
Pagination Type
Style of pagination controls.
Ajax, Classic
5. Filtering & Sorting
Option
Description
Details / Choices
Taxonomy Relation
Logic between multiple taxonomy filters.
AND / OR
Include Terms (IDs)
Filter members to include only those with these taxonomy terms.
Comma-separated list of term IDs
Exclude Terms (IDs)
Exclude members with these taxonomy terms.
Comma-separated list of term IDs
Keyword Search
Search team members by keywords in name, bio, etc.
Text input
Date Range
Filter members by date added or modified.
Start Date – End Date
Order By
How to sort team members.
Name, Date, Random, Custom
Order Direction
Ascending or Descending.
Asc / Desc
6. Layout & Style Types
Option
Description
Choices
Grid (Default)
Standard grid layout.
Default
List
Vertical list of team members.
List
Circular
Circular profile images with overlay info.
Circular
Card with Shadow
Cards featuring shadow and hover effects.
Card with Shadow
7. Responsive Column Settings
Device
Columns per row
Options
Mobile
1 or 2
1, 2
Tablet
2 or 3
2, 3
Desktop
3 or 4
3, 4
8. Additional Styling & Customization
Option
Description
Usage
Custom CSS
Add CSS for further fine-tuning layout and style.
Insert CSS code in the provided textarea.
Hover Effects
Define effects when hovering over a team card (e.g., zoom, color).
Choose effects from options or custom CSS.
Animation
Animate entrance or hover effects for team profiles.
Fade, Slide, Zoom, etc.
Final Step:
Once all styling, filtering, and layout options are configured, save your settings. Then, embed the generated shortcode into your page or post to display your customized team grid.
Need More Help?
For advanced customization, custom CSS, or layout tweaks, consult the plugin support documentation or contact support.