# Lookbook banner

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FhGuraIhs6cSD8I5DQfD6%2F2025-04-04_13-53-41.jpg?alt=media&#x26;token=97c22a77-5992-48fe-aa16-715d036cd1f8" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Lookbook banner**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

<div><figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FVEUzJNqKfd3X5qRTROmX%2F2025-04-04_13-54-50.jpg?alt=media&#x26;token=63d1a832-14fd-4d0f-97f0-7fb3a2dba39f" alt="" width="284"><figcaption></figcaption></figure> <figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FIQUT1NLzSFuwFRHKFf9g%2F2025-04-04_13-55-09.jpg?alt=media&#x26;token=ff24a394-5d3a-4ae5-a8f2-94ff50be2522" alt="" width="285"><figcaption></figcaption></figure></div>

* **Section width** -  Boxed / Wide / Full
* **Image** - Desktop
* **Mobile image (optional)**
* **Link** - Provide a link to make the entire section clickable.
* **Desktop height mode ⇒** Adapt to image/ Full screen / Fixed height
* **Desktop fixed height ⇒** Height applied when 'Fixed height' is selected
* **Mobile height mode ⇒** Adapt to image/ Full screen / Fixed height
* **Mobile fixed height ⇒** Height applied when 'Fixed height' is selected
* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*

### View all button

* **Link url**  - Link for button in Header section
* **Link text** - Text for button
* **Button type**  -  there are 7 Options button
* **Show arrow icon**

### Colors

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/UGk0oLMDJ9FIGhG6FfAC/color-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Background**
* **Text color**

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**

## **Block settings**

{% hint style="success" %}
Steps:

1. Locate **Lookbook banner**
2. **Add Block** > Select block you want
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F4cvVPfWMKPfSFqHbOLs1%2F2025-04-04_13-57-37.jpg?alt=media&#x26;token=cf753999-ad8f-4d3f-b7b4-f35048b52f58" alt="" width="563"><figcaption></figcaption></figure>

<div><figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FbKaNsc5vllVc78YuHXrx%2F2025-04-04_13-58-10.jpg?alt=media&#x26;token=2258265a-cd5e-4454-9638-d0009701dda9" alt="" width="287"><figcaption></figcaption></figure> <figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F0hC8Q0tXUyQHsGxQNd5U%2F2025-04-04_13-58-35.jpg?alt=media&#x26;token=68c81670-971a-46fc-9bf7-867436c4a5a8" alt="" width="286"><figcaption></figcaption></figure></div>
