Row block - column block - product: team member

Content blocks section - row block - column block

Team member is part of the column block.



Setting Description
Color scheme Select the color scheme applied to the team member block. Read 'Color scheme' article to learn more about color schemes.
Image Upload or select the image displayed for the team member.
Image background color

Set the background color displayed behind the image. For example, you can upload an employee image with a transparent background and select a background color from the following options:

  • Background
  • Background Secondary

The available colors depend on the selected Color Scheme and will use the corresponding colors defined in that scheme’s color settings.
Image ratio

Choose the aspect ratio used to display the image.

Options:

  • Adapt — Keeps the original image proportions.
  • Portrait — Vertical image format.
  • Square — Equal width and height (1:1).
  • Landscape — Horizontal image format.
  • Wide — Wider horizontal format.
  • Ultra Wide — Extra-wide horizontal format.
  • Custom Image Ratio — Define a custom aspect ratio.
Custom image ratio Use the slider to adjust a custom aspect ratio for the icon.
Gap Set the spacing between the image and the content elements.
Content color scheme Select the color scheme applied to the text and content inside the block.

Heading

Setting Description
Heading You can add the employee’s last name and first name here.
Preset

In Theme Settings → Typography → Fonts, you can set font settings for Heading, Subheading, Caption, and Paragraph. Choose which style to apply in this block.

  • H1-H6: This style allows you to select a heading level from H1 to H6 and customize it using the options below.
  • Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text.
  • Caption: This style is used for short supporting text, such as labels or annotations.
  • Paragraph: This style is used for standard body text.
Color

Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme.

  • Heading
  • Text
  • Accent
Text style

Choose text style for preset:

  • Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin.
  • Uppercase: ALL LETTERS ARE CAPITALS
  • Lowercase: all letters are small

Description

Setting Description
Description You can add the employee’s position in the company here.
Preset

In Theme Settings → Typography → Fonts, you can set font settings for Heading, Subheading, Caption, and Paragraph. Choose which style to apply in this block.

  • H1-H6: This style allows you to select a heading level from H1 to H6 and customize it using the options below.
  • Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text.
  • Caption: This style is used for short supporting text, such as labels or annotations.
  • Paragraph: This style is used for standard body text.
Color

Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme.

  • Heading
  • Text
  • Accent
Text style

Choose text style for preset:

  • Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin.
  • Uppercase: ALL LETTERS ARE CAPITALS
  • Lowercase: all letters are small

Social media

Setting Description
Social media icons

Choose which social media icon to display for the team member.

Options:

  • None — No icon is displayed.
  • LinkedIn
  • Instagram
  • Facebook
  • Twitter
  • Custom
Custom icon Add a custom icon to display when Custom is selected as the social media option.
Icon link Add the URL that the icon will link to when clicked.
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