# Gallery grid

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FwZTHSWW15WA76yZ5zeim%2F2025-04-04_12-50-39.jpg?alt=media&#x26;token=0f21b022-955b-4de4-8d94-c1d7c843ad0e" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Gallery grid**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FqT9jls1Jwe7bCGZSAqCs%2F2025-04-04_12-51-37.jpg?alt=media&#x26;token=17bc52d2-cbe7-43e5-b437-3f70279fd0fb" alt=""><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*

### Gallery settings

* Column gap

### Colors

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/UGk0oLMDJ9FIGhG6FfAC/color-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Background**
* **Text color**

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**

## **Block settings**

{% hint style="success" %}
Steps:

1. Locate **Gallery grid.**
2. **Add Image. >** Select block you want
3. Make necessary changes. > **Save.**
   {% endhint %}

<div><figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FOqlIS8SCPDkZOrHJllP1%2F2025-04-04_12-52-34.jpg?alt=media&#x26;token=2885f438-5081-41a3-b751-e51728c2e6d2" alt=""><figcaption></figcaption></figure> <figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FEwxlxwD6q7NfrkYfpuMe%2F2025-04-04_12-52-45.jpg?alt=media&#x26;token=9d64d7ee-1fff-4c77-b705-d1df681467d0" alt=""><figcaption></figcaption></figure></div>

* **Image**
* **Video**&#x20;
* **Media size**
* **Subheading**
* **Heading**
* **Heading size**
* **Content**
* **Button**
* **Button link**
* **Button style**
* **Show arrow icon**
* **Content position**
* **Block width**
* **Text color**
* **Overlay color**
* **Overlay opacity**
* **Overlay gradient** - Overwrite the overlay color.