A perfect module to show your leading team in various styles using texts, images, and social links
Top useful features of Advanced Team
- An organized way to show the team.
- Customization of the contents is allowed.
How to use Advanced Team
Follow those steps. By following those steps you can easily use Advanced Team and very soon we will insert here a video tutorial. Please at this time follow this documentation.
Go to the page and click Enable Visual Builder. Click Add new section and choose the row.
Click (+) icon “Add new module”, then “Insert module” will be appeared. From this section go to the search bar and search “Brain Team”. Select “Brain Team”.
After that, a layout will automatically appear. In the setting section, you will find three different tab Content, Design, and Advanced. Choice your content, elements, and layouts from this setting section.
From the setting section, go to the Design tab and customize your content and elements.
Settings and Options
Follow Content and Design tab, all necessary element are described.
Upload an image of the team member, or type in the URL to the image you would like to display for the team member.
Open Photo in Lightbox
Decide open photo in lightbox or not.
Photo Alt Text
Define the HTML ALT text for your image here.
Team member name.
The job title or position of the team member.
Short biography of the team member.
Website URL of the team member.
Email address of the team member.
Facebook profile or page URL of the team member.
Twitter account URL of the team member.
Instagram account URL of the team member.
LinkedIn profile URL of the team member.
Github profile URL of the team member.
Behance profile URL of the team member.
Dribbble account URL of the team member.
Show Content on Hover
Enable to visualize the content during hover.
Content Hover Animation
Choose animation type during the hover.
Hover Animation Speed
Set the time for the hover animation speed.
Social Links Hover Position
Select where you want to put social links icons during the hover.
Align content to the left, right or center.
Padding adds extra space to the inside of the element, increasing the distance between the edge of the element and its inner content.
Use Absolute Photo Position
If enabled the photo will be in absolute position according to its parent.
Select the placement of the photo.
- Left Top
- Left Bottom
- Right Top
- Right Bottom
Photo Offset X
Set horizontal absolute position value of the photo.
Photo Offset Y
Set vertical absolute position value of the photo.
Increase or decrease the width of member photo.
Increase or decrease the height of member photo.
Align photo to the left, right or center.
Photo Hover Animation
Select photo mouse hover animation.
Here you can define a custom color for your icon.
Here you can define a custom Background color for your icon.
Set how much space between social icons.
Set how much space the icons will take from the top.
Increase or decrease social icons box height.
Increase or decrease social icons box width.
Control the size of the icon by increasing or decreasing the font size.
Here you can control the corner radius of social icons.
Set how much space the element will take at the bottom.