# Parallax banner

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

<figure><img src="https://3412705414-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlEotOCR2SdbhAYww20xw%2Fuploads%2FM7m7Xm88ldsPm8V2OSb1%2Fbanner.png?alt=media&#x26;token=01795856-8a02-4e8b-8e7d-86302d2aac43" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://3412705414-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlEotOCR2SdbhAYww20xw%2Fuploads%2Fy3n5nk9RNr0VHbVwCz0w%2F4.png?alt=media&#x26;token=615588ea-2356-463d-999c-409028c1f659" 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://3412705414-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlEotOCR2SdbhAYww20xw%2Fuploads%2Ft9CJQZsXBELy75RaRimN%2F5.png?alt=media&#x26;token=3495f272-b8fa-4a68-900a-d6efebec495f" alt=""><figcaption></figcaption></figure>
