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

**Heading**

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

**Card settings**

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

**Layout**

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

**Color settings**

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

**Spacing and Custom Attributes**

<figure><img src="https://content.gitbook.com/content/Y7qRoEtZDVZADcUOVdzb/blobs/WrKLrTuOjKR8yDlaLVgT/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/Y7qRoEtZDVZADcUOVdzb/blobs/4F6ZD8xorOM0pEpu9CMX/image.png" alt=""><figcaption></figcaption></figure>
