# 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/h2aNypHk4EjYKuR4AP8J/blobs/xYs41FmgFa3hY2GQzDoL/image.png" alt=""><figcaption></figcaption></figure>

**Heading**

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

**Card settings**

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

**Layout**

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

**Color settings**

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

**Spacing and Custom Attributes**

<figure><img src="https://content.gitbook.com/content/h2aNypHk4EjYKuR4AP8J/blobs/L5jo7vSNq52idEzcq4IZ/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/h2aNypHk4EjYKuR4AP8J/blobs/THVNoBdhY1ctGve0qHn5/image.png" alt=""><figcaption></figcaption></figure>
