Team Member

How to add section Team Member to website

The Team Member section introduces team members, usually with photos, names, and roles. It builds trust and showcases the professionalism of the business.

Demo Team Member on website

In the theme editor (Customize), Add section Team Member.

How to add a member to section

Each block will be 1 member. You can add member by adding block.

Add a member to section

After adding the new block, You can configure the featured according to your requirements.

Member information

In the theme editor (Customize), click section Team Member, Click the block you want to edit. Here you can make the necessary configurations.

Config member information

Avatar : Choose an avatar for member.
Name : Fill in the name for member.
Position : Fill in the position for member.
Link : Enter the link to the Member if available.

Social Link

In the theme editor (Customize), click section Team Member then locate Social Link. Here you can make the necessary configurations.

Config member socials

Allows displaying members' social network links by entering the link.

Configure section Team Member

Avatar Settings

In the theme editor (Customize), click section Team Member then locate Avatar Settings. Here you can make the necessary configurations.

Avatar Settings

Aspect Ratio : Set ratio for image.
Image Size : set the size attribute for the img tag. See more about the sizes attribute .
Hover style : Choose hover style for the image.

Alignment

In the theme editor (Customize), click section Team Member then locate Alignment. Here you can make the necessary configurations.

Alignment Settings

Configure Alignment for the Team Member.

Team Member Color

In the theme editor (Customize), click section Team Member then locate Team Member Color. Here you can make the necessary configurations.

Color Settings

Name Color : Configure color for name.
Position Color : Configure color for position.

Team Member Size

In the theme editor (Customize), click section Team Member then locate Team Member Size. Here you can make the necessary configurations.

Team Member size settings

Name Font Size (px) : Configure font size for name.
Position Font Size (px) : Configure font size for position.

Team Member Spacing

In the theme editor (Customize), click section Team Member then locate Team Member Spacing. Here you can make the necessary configurations.

Team Member spacing settings

Spacing Name (px) : Set name spacing. Set value -1 to apply default settings from theme.
Spacing Position (px) : Set position spacing. Set value -1 to apply default settings from theme.

Build layout section

Layout slider

You can display block layout grid or slider.If you want to use layout slider see Section Slider Layout

Switch slider or grid

Layout grid

If you use layout grid.At the settings section, You can configure items to display on 1 row for each screen device.

Configure items to display on a row of layout grid

Other configurations of section

You can see the documentation for other section configurations such as: Heading, container, background, animation, padding...