# Gallery

{% hint style="success" %}
Steps

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

The Gallery section allows you to easily customize images, add links, and display hover icons. You can change the images, link each item to a specific page or URL, and set custom icons to appear when hovering. Smooth hover effects enhance user interaction while maintaining a stylish and functional design.

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

### General setting <a href="#id-1.-design-settings" id="id-1.-design-settings"></a>

**Heading**

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

**Color**

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

**Spacing and Custom Attributes**

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

### Block Settings

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