Team Member
Sometimes, you don’t need a full slider – you need to spotlight one person. The Master Addons Team Member Element is your tool for crafting perfect, individual profiles. Choose from a range of Design Variations – from classic cards to modern circular styles with hover effects. Add a photo, name, role, and a personal bio. Then, link to their social profiles with customizable icons. Style every single part, from the image border to the color of the social icons on hover. Perfect for a leadership spotlight, a key contact, or as a building block to create your own custom team grid.
Multiple Design Variations
Start with a visual concept. Select from 11+ Design Variations that change the entire layout and feel of the profile. Choose Basic One through Five for clean, card-based designs. Opt for Circle Gradient or Circle No Gradient for a modern, rounded photo style. Want interaction? Pick Social Left on Hover or Content on Hover to reveal details elegantly. Each variation applies a distinct arrangement for the image, text, and social icons, giving you a professional starting point in one click.
- 11+ Layout Presets: Instantly apply designs like Basic Three, Rounded, or Content on Hover.
- Visual Diversity: Choose between rectangular cards, circular images, and interactive hover-based layouts.
- Built-in Interactions: Some presets include elegant hover effects to reveal social links or descriptions.
Complete Profile Builder
Craft the complete story of a team member in one focused widget. Upload their Image and set the Resolution. Write their Name, Designation (job title), and a personal Description or bio. Then, easily add their Social Profiles by clicking + Add Item for each network. Choose the Icon, paste the profile Link, and they’re connected. Control the overall Content Alignment (Left, Center, Right) to position the text within the chosen design. This turns a simple widget into a detailed, engaging personal profile.
- Centralized Information: House the member’s image, name, title, and bio in one organized widget.
- Flexible Social Links: Add multiple social media profiles (Facebook, Twitter, LinkedIn, etc.) with custom links.
- Alignment Control: Align all text content to the Left, Center, or Right to match your layout.
- Personal Touch: The description field allows for a short bio, quote, or key responsibilities.
Team member Container & Image Styling
Establish the foundation. Style the General Styles container with a Background Color, Item Border Radius, and Box Shadow to make the entire profile pop. Then, style the Thumb (the image area) independently: give it a unique Border Type, Border Radius (perfect for circles), Padding, and Margin. This allows you to create anything from a subtle integrated card to a bold, framed portrait that draws the eye directly to the team member.
- Overall Card Design: Apply Background Color, Border Radius, and Box Shadow to the main container.
- Image Framing: Style the photo with borders, custom rounded corners (100% for a circle), and spacing.
- Layered Spacing: Use Padding and Margin on both the container and the image for perfect positioning.
Frequently Asked Questions For Team Member
How do I create a full team grid or list with this element?
Since this widget creates a single team member profile, you build a grid by using Elementor’s layout system. Create a Section, set its layout to Grid (via the Layout tab), then drag multiple Team Member widgets into that section – one for each person. Style each widget consistently, or mix variations for visual interest.
What’s the difference between “Circle Gradient” and “Circle No Gradient”?
Circle Gradient likely applies a color gradient overlay or border to the circular image container. Circle No Gradient presents a clean circular image without the gradient effect. The choice depends on whether you want a more decorative or minimalist image style.
Can I link the team member’s name or image to a dedicated bio page?
The widget’s primary links are the Social Profiles. To link the name or image to an external page, you need to use our wrapper link extension.
Is the profile responsive on mobile?
Yes. The chosen design variation, image, text, and social icons will all adapt to smaller screens. The layout will typically stack elements vertically if needed. You can use Elementor’s responsive mode to adjust font sizes or image dimensions for mobile specifically.
Which design variation is best for a sidebar or compact space?
The Basic variations (One, Two, etc.) or Circle styles are often more compact and work well in sidebars. Avoid the Content on Hover variations in tight spaces, as they may require more room for the hover effect to be effective.
How many social icons can I add?
You can add as many as you need using the + Add Item button in the Social Profiles repeater. There’s no hard limit, but for design’s sake, it’s best to include only the most relevant 3-5 profiles.
Trending Elementor Widgets & Extensions
Build sophisticated websites in less time.
Caldera Forms
