Team
Overview
The Team section displays a grid of team members, typically including an image area and supporting content such as role, name, description, and a button. You can control the number of columns, spacing between items, media ratio, container width, text alignment, color scheme, and responsive padding. The preset structure includes a heading area followed by a team listing layout.
Section Configuration:
Grid settings
| Setting | Description |
|---|---|
| Desktop columns | Sets how many team member columns are shown on desktop (1–4). |
| Mobile columns | Sets how many columns are shown on mobile (1 or 2). |
| Gap | Controls the spacing between team member items in the grid. |
Layout
| Setting | Description |
|---|---|
| Media ratio | Sets the aspect ratio used for team member media (Adapt, Square, Portrait, Landscape). |
| Container layout | Controls how the section is sized on the page: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) | Sets the maximum section width on desktop as a percentage (50%–100%). |
| Text alignment (Desktop) | Controls text alignment on desktop (left, center, right). |
| Text alignment (Mobile) | Controls text alignment on mobile (left, center, right). |
| Color scheme | Applies a theme color scheme to the section styling. |
Inner padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section’s inner content on desktop. |
| Bottom (Desktop) | Adds space below the section’s inner content on desktop. |
| Left (Desktop) | Adds space to the left of the section’s inner content on desktop. |
| Right (Desktop) | Adds space to the right of the section’s inner content on desktop. |
| Top (Mobile) | Adds space above the section’s inner content on mobile. |
| Bottom (Mobile) | Adds space below the section’s inner content on mobile. |
| Left (Mobile) | Adds space to the left of the section’s inner content on mobile. |
| Right (Mobile) | Adds space to the right of the section’s inner content on mobile. |
Outer padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section (outside the section content) on desktop. |
| Bottom (Desktop) | Adds space below the section (outside the section content) on desktop. |
| Left (Desktop) | Adds space on the left side of the section (outside) on desktop. |
| Right (Desktop) | Adds space on the right side of the section (outside) on desktop. |
| Top (Mobile) | Adds space above the section (outside) on mobile. |
| Bottom (Mobile) | Adds space below the section (outside) on mobile. |
| Left (Mobile) | Adds space on the left side of the section (outside) on mobile. |
| Right (Mobile) | Adds space on the right side of the section (outside) on mobile. |
Blocks Configuration
Heading
A preset heading area that introduces the team section.
| Block | Description |
|---|---|
| Tagline | Displays a short line of text above the main heading. |
| Heading | Displays the main section heading/title. |
| Description | Displays supporting text beneath the heading. |
Team Listing
A preset container that renders the team member grid.
| Block | Description |
|---|---|
| Team listing | Displays the team members in a multi-column layout and manages how team cards are arranged. |
Team Listing: column blocks
| Block | Description |
|---|---|
| Team listing column | Represents one column/group within the team listing layout. Columns are used to build the overall grid structure. |
Team card structure
Within each column, a Team Listing Card is used to display a team member.
Team Listing Card
| Area / Block | Description |
|---|---|
| Team card image | The media area for the team member (typically the featured image) and any overlays such as badges or tags. |
| Team card content | The text and call-to-action area for the team member (role/tagline, name, description, button). |
Team card image: inner blocks
| Block | Description |
|---|---|
| Featured image | Displays the team member’s primary image. |
| Badge block | A container for one or more badge labels displayed on the team image. |
| Tags | Displays tag-style labels associated with the team member (as supported by the theme). |
Badge settings
| Setting | Description |
|---|---|
| Badge text | Sets the text shown on a badge displayed over the team member image. |
Team card content: inner blocks
| Block | Description |
|---|---|
| Role / tagline | Displays a short role label above the name (e.g., job title or specialty). |
| Name | Displays the team member’s name heading. |
| Description | Displays short supporting text for the team member. |
| Button | Displays a button associated with the team member (style controlled by the block settings). |