Team member settings

This guide describes the Team member section. This section allows you to showcase a photo and a short text description of a team member. Alternatively, you can use it to display any other type of content by combining an image with a text part.


Demo Example

How to access the Team member section

Access this section through the theme customizer:

  1. Navigate to Online Store > Themes
  2. Select “Customize” on your active theme
  3. On any theme template, click “Add section
  4. Search and select “Team member”

To insert a new section between existing ones, follow the steps in the article "Sections and blocks" and locate the section titled “How to add a section”.

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.
Image Choose an image for the section. Click on “Select Image” to access your media library, upload a new image, or explore free images. Also, you can connect a dynamic source by clicking the source button. Once an image is added, you can use the “Change” button to remove, or replace it.
Image height 

Select the desired image height using this option:

  • Small
  • Medium
  • Large
Main text

Enter text in the field to display it alongside the image. In the field’s top menu, you can find options to customize the text.

Additionally, you can click the dynamic source button to insert a dynamic source as the section’s text.

Name Enter the first and last name of the team member.
Position Provide the job title or role of the team member.
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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us