Team Sections

A Team section shows people: a photo, name, role and short bio for each member, with an optional link to a profile page. Members can be laid out as a card grid, as rows with the photo beside the text, or with one person featured large.

When to use it

• Staff, leadership, board or council members.
• A department contact list or a small staff directory.
• Introducing the people behind a service on an About page.

Use a Testimonials section for quotes from customers rather than profiles of your own people. Use a Features section when the items are services or topics, not people.

Content

Field	What it is	Notes
Eyebrow Heading	Small text above the heading.	Optional.
Heading	The section heading.	Required. Wrap words in {curly braces} to highlight them.
Body Content	Introductory text before the members.	Rich text.
Team Members	One item per person. Select Add Team Member.	Fields below.
Outro Content	Text after the members.	Optional, rich text.
Buttons	Section buttons.	Optional.

Each team member has:

Field	What it is
Team Member Photo	Headshot or profile photo. Image Position below it sets which part of the photo stays in view when it is cropped.
Name	Full name.
Role/Title	Job title or position.
Bio	Short biography.
Link URL	A page, post or external address for this person.
Link Text	Leave empty to make the name and photo the link. Add text to show a separate link instead. In a Hero card, the whole card is the link.
Link Target	Same Window or New Window.
Link Color	Primary or Secondary brand colour for the link.

To add photos for several members at once, use Upload Images under the member list. Images fill members without a photo first, in the order you select them, and any extra images create new members.

Layouts and display styles

Choose Display Style on the Layout tab, under Layout Structure.

Display Style	What visitors see
Grid (default)	A uniform card grid: photo above name, role and bio.
List	One member per row, photo on the left and text on the right. Use 2 per row with a Large, Portrait photo for a two-up editorial look, or 1 per row for a compact directory — or, with a Large photo, for one person with a long bio. At 1 per row the text spans the full width of the section and the photo lines up with the name. For a shorter line length on a long bio, use 2 per row or a narrower section.
Featured	The first member shown large, the rest compact beside them. Reorder the members to change who is featured.

Switching display style keeps your other settings. A setting that does not apply to the current style is hidden and comes back when you switch back.

Options

Heading size and Section Theme

Option	What it does	Default
Heading Size	Default, L or XL for the section heading.	Default
Theme Variant	Light or Dark section.	Light
Section Palette	Overrides this section’s colours with a saved palette.	Site colours
Scroll Animation	Fades elements in as they scroll into view.	Disabled
Background Type	Solid Color or Image, with a custom colour and image options.	Solid Color

Layout Structure

Option	What it does	Shown when	Default
Layout Variant	Left, Center or Right: where the header content sits relative to the media.	Always	Left
Display Style	See the table above.	Always	Grid
Team Members Per Row	1 to 4 in Grid; 1 or 2 in List.	Grid, List	3
Row Alignment	Left or Center: how an incomplete last row lines up.	Grid, List	Left
Team Member Alignment	Left or Center text inside each member. In Featured it aligns only the featured member.	Grid, Featured	Center
Card Style	Default (photo above the text) or Hero (the photo fills the card with the text over it, and bios are cut to two lines).	Grid	Default
Card Image Aspect Ratio	3:4, 4:5, 16:9, 4:3 or 1:1.	Card Style is Hero	3:4
Photo Size	Default or Large.	Card Style is not Hero	Default
Photo Shape	Circle, Square (rounded corners) or Portrait (3:4).	Card Style is not Hero	Circle
Button Position	After Body or After Outro.	Always	After Outro

If you pick 3 or 4 per row in Grid and then switch to List, the list shows 2 per row and your Grid setting is kept for when you switch back.

Section Media

Option	What it does
Section Media	None, Image, Video or Shortcode beside the header content.
Video Poster Image	Preview image shown before a video plays. Shown for video.
Video Captions	A captions file for a self-hosted video. YouTube and Vimeo carry their own.
Image Styling	Styled (rounded corners and shadow) or Raw (no styling).

The Advanced tab holds the section’s anchor ID, CSS classes and custom CSS. See Working with Sections.

Whether a member’s link shows as a text link or a button is set for the whole site by Card CTA Style (Text Link or Button) in Global Settings. See Global Settings.

Limits and common problems

• Faces are cut off in Hero cards. The photo fills the card, so use the photo’s Image Position to keep the face in view, or choose a taller Card Image Aspect Ratio such as 3:4.
• Card Style, Photo Size or Photo Shape is missing. Card Style only applies to Grid. Photo Size and Photo Shape are hidden when Card Style is Hero.
• The wrong person is featured. Featured always uses the first member. Move the person you want to the top of the list.
• Bios are cut short. Hero cards show two lines of bio. Use the Default card style, or List, for longer bios.

Related pages

• Testimonials Sections — Customer quotes as a grid, a scrolling row, a carousel, a ticker, a stack beside your copy or one large quote — plus star ratings and review schema.
• Features Sections — Cards, rows or a carousel for services, benefits, events or price lists — the six display styles, the card fields and every layout option.
• Working with Sections — Add, edit, reorder, duplicate, copy, convert, remix and delete the sections that make up a page, and the keyboard shortcuts for each.