# Grid banner

In the theme editor **(Customize) => Section**, Add **Grid Banner**

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FQzUDFPNSJ1BvR5zw3A6E%2Fgrid_banner.png?alt=media&#x26;token=8153715e-1620-4412-8bde-3be1954f7506" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/xobiBKjxvylBUyBqjfKY/image.png" 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://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/PP9mVn8Ks8uFN6czLdjG/image.png)![](https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/USlr7hp1Cr82nwAbPsQJ/image.png)

* 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