# Grid banner



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

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FfFSM7DTh5fmhAyYSbRNx%2Fgr1.jpg?alt=media&#x26;token=b65d51ec-c249-4f9c-a314-984afd723d46" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FSwCYq2QmkgMFej24wXpI%2Fgr2.jpg?alt=media&#x26;token=d922e680-d07e-4778-ba3a-9aa73d9bfe72" 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 %}

<div><figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FsdcUVwXEMVL1f2YmUAxe%2Fgr3.jpg?alt=media&#x26;token=6c5664e5-39e5-4c55-830d-c1d28b500760" alt=""><figcaption></figcaption></figure> <figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FY4jBXbkgCRQLo5me6FuS%2Fgr4.jpg?alt=media&#x26;token=66527f57-95ec-47d1-995a-e1bc9691c495" alt=""><figcaption></figcaption></figure></div>

* 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
