# Lookbook banner

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2F8m8OYkKsmxpEQSP0dRIE%2Flb.jpg?alt=media&#x26;token=79080bbe-4615-4f24-8a01-3384ee1e3ece" 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://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FRoAqI6tHknrf5o1fyYnq%2Flb-g.jpg?alt=media&#x26;token=c0dbe0d3-d3e1-4ab6-8922-231d8bb8580e" alt=""><figcaption></figcaption></figure> <figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FWhwseXldtc32Rf2hr90q%2Flb-g2.jpg?alt=media&#x26;token=10b4a745-4fdc-4c1a-93ad-27a3b268c5c3" alt=""><figcaption></figcaption></figure></div>

* **Section width** -  Container / Stretched / Full width&#x20;
* **Image** - Desktop
* **Mobile image (optional)**
* **Link** - Provide a link to make the entire section clickable.
* **Desktop height** - Adapt to image /  450px / 550px / 650px / 750px /  Full screen&#x20;
* **Mobile height** - Adapt to image / 400px / 450px / 500px / 550px / Full screen&#x20;
* **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://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FcGzFhXVgxpuLwPNSyDdy%2Fcolor-c.jpg?alt=media&#x26;token=3cb90b75-d723-4021-b6c1-808b5fcedadc" alt="" width="280"><figcaption></figcaption></figure>

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

### Section padding

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fc0cazMLYpU5yjLuS4vGl%2Fpadding-c.jpg?alt=media&#x26;token=d8c91b56-445e-4ea5-bbc5-f825cf08e577" 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://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Frcnykaqwud4VJXgdc1iD%2Flb-b.jpg?alt=media&#x26;token=dba88863-cacb-47d9-991a-bb460b034e18" alt=""><figcaption></figcaption></figure>

<div><figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FT0fxSJ3WKEp2PumWYE0A%2Flb-p.jpg?alt=media&#x26;token=c8720cdd-81e3-42c4-a2f5-b55f9773ab69" alt=""><figcaption></figcaption></figure> <figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FTiGxi8Bgk0K6yE5ZThHR%2Flb-f.jpg?alt=media&#x26;token=821b6dfc-2f6a-4e6d-a660-d1f684209b93" alt=""><figcaption></figcaption></figure></div>
