# Collage tabs

![image](https://docs-assets.foxecom.app/sleek-theme/Frame%205250_Tnp23m4R.png)

The collage tab is a modern and eye-catching section with images and content presented in different tabs.

## How to add a Collage tabs section

<Hint type="success">

**Steps:**

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Collage tabs.**
3. **Save.**

</Hint>

## How to edit a Collage tabs section

### Section settings

#### Tab settings

Set a **Navigation alignment** (Left/ Center/ Right) and **image position** (Left/ Right) for the **desktop view**.

You can also adjust the **Desktop image width** (30-70%).

Select the **Image aspect ratio** for both views as one of the following options:

* Adapt to image/ Square (1:1)
* Portrait (3:4)
* Landscape (4:3)

![image](https://docs-assets.foxecom.app/sleek-theme/image_RIoRv3kN.png)

### Block settings

![image](https://docs-assets.foxecom.app/sleek-theme/image_TCTbLgVs.png)

#### Tab

Select the main **Color scheme, Navigation title,** and **Image** for the block.

![image](https://docs-assets.foxecom.app/sleek-theme/image_XnwmUjAE.png)

Give a name to the tab to navigate by filling in the **Navigation title** field.

![image](https://docs-assets.foxecom.app/sleek-theme/image_s1uO2f1V.png)

Then, upload the **Image** you want to use and insert its content (Heading, Subheading, and Description).

![image](https://docs-assets.foxecom.app/sleek-theme/image_kRVziOjU.png)

Set the **Text alignment** of the content: Left/ Center/ Right.

#### Button settings

You can also add a button to each tab to direct customers to your desired page.

Give the button a **label** and specific **Button style** (Primary button/Secondary button/Underline button), and insert the **Button** **link**.

![image](https://docs-assets.foxecom.app/sleek-theme/image_F6U4qxhs.png)