Team members settings
This guide describes the Team Members section.
The Team Members section is designed to showcase key highlights in a horizontal slider format. One common use case is displaying team members.
Each slide can include:
- An image
- The team member’s name
- Their position or role
This section is ideal for introducing your team, highlighting product features, or displaying testimonials in a compact, interactive format.
Demo Example:
How to access the Team members section
From any page, click on “Add Section” and choose “Team members” from the list.
To insert a new section between existing ones, follow the steps in the article "Add a section"
How to configure the Team members section
Basic Components
The “Team members” section consists of two primary components:
- General settings – These control the overall settings of the section.
- Block – Each block has its own individual settings.
General settings
| Setting | Description |
| Color scheme | This option lets you select a color scheme for the section. Once applied, the chosen scheme updates the section’s background to match. |
| Heading | This field is for adding a heading to the section. In the top menu of the field, you can find options to customize the heading. Furthermore, you can click the dynamic source button to insert a dynamic source as the heading of the section. |
| Heading size | The heading size setting offers three options to control the size of your section heading:
|
| Image ratio | Image Ratio controls how your images look based on their shape. Here are the options:
|
| Custom image height | Set a custom image ratio and adjust its height using a convenient slider. |
| Slides per view (desktop) | Controls the number of team members' cards visible in this section per view. Adjust the value using the slider. *Note: On mobile devices, the section maintains a stable layout, consistently showing one full card and a portion of the second card. |
| Top padding | The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. |
| Bottom padding | The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. |
| Top padding mobile | The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider. |
| Bottom padding mobile | The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices. |