> For the complete documentation index, see [llms.txt](https://vshop.gitbook.io/vshop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vshop.gitbook.io/vshop/theme-sections/our-team.md).
# Our Team
The Our Team Section introduces the people behind your brand — helping build trust and a personal connection with customers through photos, roles, and short bios.
To customize the Our Team in our theme please follow the steps:
{% hint style="success" %}
Steps
1. In the theme editor (**Customize**), click **Add section**
2. Locate **Our Team**
3. **Save**
{% endhint %}
## Section Settings
### **Section Header**
* **Show “Section header”** – Toggle ON/OFF to display or hide the header.
* **Heading** – Main title (e.g., *Our Team*).
* **Description** – Short intro about your team or company culture.
* **Text alignment** – Align header content to *Left*, *Center*, or *Right*.
***
### **General**
* **Layout** – Choose how the section is structured (e.g., *Default*).
* **Color scheme** – Select a theme color (e.g., *Scheme 1*).
* **Image ratio** – Maintain image proportions (e.g., *Original aspect ratio*).
* **Custom ratio** – Define a custom display ratio (e.g., *21:9*).
* **Show image** – Enable or disable team member images.
***
### **Slider Settings**
Display your team members in a slider format for easy navigation.
* **Products to show** – Set total number of visible team profiles (e.g., *8*).
* **Sliders per view (desktop)** – Choose how many cards appear at once (1–5).
* **Autoplay** – Enable automatic sliding.
* **Loop** – Allow continuous scrolling.
* **Slider arrows** – Display navigation arrows.
* **Show bullets** – Add small dot indicators below the slider.
***
### **Section Padding**
Fine-tune spacing for different screen sizes.
**Desktop**
* **Padding top:** 90px
* **Padding bottom:** 100px
**Tablet**
* **Padding top:** 50px
* **Padding bottom:** 50px
**Mobile**
* **Padding top:** 15px
* **Padding bottom:** 15px
* **Remove default space between sections** – Toggle ON to eliminate default spacing.
### **Block Settings**
Each **Member Block** represents one team member in the *Our Team Section*. You can showcase their photo, name, location, and social media links to give a personal and authentic touch.
***
**Image**
* **Upload image** – Add a portrait or professional photo of the team member.
> Recommended size: *Square or 1:1 ratio* for a balanced layout.
***
**Information**
* **Name** – Enter the team member’s full name (e.g., *Brandon Jr*).
* **City** – Add their city or country (e.g., *New York, USA*).
***
**Social**
Add social media profiles for quick connection:
* **Instagram** – Paste the profile URL.
* **Facebook** – Add their Facebook page link.
* **Twitter** – Include the Twitter handle link.
* **YouTube** – Paste the YouTube channel or video link.
***
💡 **Tips:**
* Keep photos consistent in style and size for a clean grid.
* Only include active social profiles to maintain credibility.
* Combine personal and professional touches (e.g., hobbies, quotes) to make the team section more engaging.
