# Banner grid v3

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Banner grid v3**
3. **Save**
   {% endhint %}

The "Banner Grid" section features a grid layout of banners that highlight upon hover. When users hover over each banner, it stands out , drawing attention and enhancing interactivity for a more engaging user experience.

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/uJSXv8WVzNSWzcOCI0Tx/image.png" alt=""><figcaption></figcaption></figure>

**Heading**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/Qp9sfqOKiOFaeEEED1Iu/image.png" alt=""><figcaption></figcaption></figure>

**Card settings**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/vU37uJPbXdhQuTSp05Fc/image.png" alt=""><figcaption></figcaption></figure>

**Layout**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/vo5T12JHjt1aXwaQIPHs/image.png" alt=""><figcaption></figcaption></figure>

**Color settings**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/VOMZlrzXZbRuh2SqPvsL/image.png" alt=""><figcaption></figcaption></figure>

**Spacing and Custom Attributes**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/a5gU3LyDdn5tBNRoxCfa/image.png" alt=""><figcaption></figcaption></figure>

### Blocks settings <a href="#block-settings" id="block-settings"></a>

**Image or video**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/K595JnLnZFCE4mqSWnTs/image.png" alt=""><figcaption></figcaption></figure>
