# Grid Banner

{% hint style="info" %}
In the theme editor **(Customize) => Section**, Add **Grid Banner**
{% endhint %}

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FHMV0MhSm9mgyNsyiRJg7%2F174.jpg?alt=media&#x26;token=ed2a40b4-3813-4f2c-b2f3-f56e1722b1a0" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FtD2OvxkLLVOFMfa6w2eZ%2F175.jpg?alt=media&#x26;token=1d012a1c-bdb7-49fa-9cdd-d954c965f6c9" alt=""><figcaption></figcaption></figure>

* Select Animation
* Width of Container
* Background Section
* Text content, Sub Title, Heading, HTML/Description
* Align Heading
* No gutters
* Show overlay
* Gradient overlay
* Opacity Overlay
* Section Padding (Desktop on Mobile)

### Block Settings

{% hint style="success" %}
In **Grid Banner** Section **>** Add **Banner**
{% endhint %}

![](https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FNSfxBjDy7XiP6yKNyPee%2F176.jpg?alt=media\&token=0b6bc047-9f09-4695-bc00-3ea6a575d57b)![](https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FAKRqaiBgWWLE8fZur8eb%2F177.jpg?alt=media\&token=ebe5f358-9c46-4f51-bf0b-51ac7935fc67)

* Image Desktop
* Image Mobile
* Text Content > Sub Title, Heading, Heading Size, HTML / Description
* Background Description
* Color Description
* Opacity Background
* Style Button
* Button text
* Button link
* Vertical align
* Horizontal align
* Text align