# Parallax banner

In the theme editor **(Customize) => Section**, Add **Parallax banner**

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FZsnTc7epUpZ0Cj5adNnC%2Fbanner.png?alt=media&#x26;token=1e6f32ed-9e31-4cdb-8656-47103b1cfe5d" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FfMhjmATRHoWu9TLQmJqb%2Fbanner_2.png?alt=media&#x26;token=b33d4a28-2941-4783-b5c6-b20ca9077e26" alt=""><figcaption></figcaption></figure>

* Select Animation
* Width of container
* Background Section
* Disable Parrallax
* Background image
* Text align
* Padding desktop
* Padding mobile
* Text Color
* Background Overlay
* Opacity Overlay
* Section Padding (Desktop on Mobile)

### Block Settings

{% hint style="success" %}
In **Parallax banner** Section **>** Add **Sub Title, Heading, Spacer Description, Image, Button**
{% endhint %}

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FPA7USypAE6zPoJZDQwLD%2Fbanner_3.png?alt=media&#x26;token=8b7c9f37-09c2-4f92-9fd5-bd3369f09fcd" alt=""><figcaption></figcaption></figure>
