The Team Section 2026 widget is a “meet the team” builder with five built-in design styles and three layout variants — member photos, names, roles, bios, department tags, and social links, all in one section. Works identically in Elementor and the WordPress block editor.
Overview
Instead of building a team section from separate image, heading, and text widgets, Team Section 2026 gives you one widget with everything a “meet the team” block needs already wired together — a section header, a repeater of team member cards with photo (or initials fallback), name, role, short bio, department tag, and LinkedIn/X/GitHub links, plus a hover overlay that reveals the social icons on the photo itself.
Every part of it is restyled instantly by switching the Design Style dropdown — no custom CSS required.
5 Design Styles
- Bento Grid — crisp white cards, sharp grid alignment, confident typography. The clean SaaS-product look.
- Glassmorphism — frosted-glass translucent panels over a dark, gradient-blurred backdrop. Premium fintech/crypto feel.
- Dark Minimal — near-black canvas, a single lime accent color, high contrast. Dev-tools/AI-native feel.
- Aurora — soft gradient-mesh backgrounds, rounded corners, warm color blends. Modern AI/tech branding feel.
- Neo-Brutalist — hard 2px borders, flat solid colors, offset drop-shadows, no gradients. Bold agency energy.
3 Layouts
- Grid — team member cards arranged in a responsive 2, 3, or 4 column grid.
- List — a single-column stacked layout with each member shown as a horizontal row.
- Featured — the first team member spans the full width as a larger photo+bio hero card, with the remaining members filling the column grid below.
The Columns option (2 / 3 / 4) only applies to the Grid and Featured layouts — List is always a single column.
Content Settings
| Section | Setting | What it does |
|---|---|---|
| Design Style | Style Preset | Bento Grid / Glassmorphism / Dark Minimal / Aurora / Neo-Brutalist |
| Design Style | Layout | Grid / List / Featured |
| Design Style | Columns | 2 / 3 / 4 columns — only shown on Grid and Featured layouts |
| Section Header | Show Section Label | Toggles the small eyebrow label above the headline |
| Section Header | Label Text | Text shown in the eyebrow label, e.g. “Meet The Team” |
| Section Header | Headline | Main heading text, e.g. “The People Behind the Product” |
| Section Header | Headline Highlight | Word or phrase within the headline to accent with colour/gradient |
| Section Header | Headline Tag | H1 / H2 / H3 / H4 — the actual heading tag rendered |
| Section Header | Description | Supporting paragraph under the headline |
| Team Members | Photo | Member photo — shows an initials placeholder if left empty |
| Team Members | Name | Team member’s full name |
| Team Members | Role / Title | Job title shown below the name, e.g. “Product Designer” |
| Team Members | Short Bio | Optional one-to-two sentence bio |
| Team Members | Department Tag | Optional small pill label above the name, e.g. “Engineering” |
| Team Members | LinkedIn URL | Link for the LinkedIn social icon |
| Team Members | X / Twitter URL | Link for the X/Twitter social icon |
| Team Members | GitHub URL | Link for the GitHub social icon |
| Team Members | Featured Member | Marks the card with an accented border/shadow to stand out from the rest |
Style Settings
Every content element above has a matching Style-tab section:
- Section — background and padding.
- Section Label — color, background, border radius, and padding.
- Headline — color and margin, plus a separate Headline Accent color/gradient control.
- Description — color.
- Team Card — background (solid or gradient), padding, border radius, border, and box shadow.
- Member Photo — border radius and box shadow.
- Member Name — color.
- Member Role — color.
- Member Bio — color.
- Social Links — icon size, color, and background color, plus border color, width, and radius, and separate hover states for color, background, and border.
- Department Tag — color, background, and border radius.
All backgrounds accept either a solid color or a gradient.
Frequently Asked Questions
Do I need Elementor Pro to use this?
No — Team Section 2026 works with the free version of Elementor, plus the WordPress block editor. No Pro upgrade required.
Can I use a different layout for each design style?
Yes — Design Style and Layout are independent settings. Any of the 5 styles can be paired with any of the 3 layouts.
What happens if a team member doesn’t have a photo uploaded?
The widget automatically shows a placeholder made from the member’s initials (up to two letters, taken from their name) on an accent-tinted background — nothing breaks, and you can add a real photo at any time.
Is this widget accessible?
Yes — WCAG 2.1 AA, with proper landmarks, labelled social links (e.g. “Jordan Kim on LinkedIn”), and semantic heading tags (choose H1/H2/H3/H4 to match your page’s outline).
How to Add This Section
- Elementor: search “Team” in the widget panel under the HT Mega 2026 category, drag it onto your page.
- WordPress Block Editor: click the block inserter (+), search “Team 2026” under the HT Mega category, insert it, then edit the settings in the block sidebar.