# Gallery social

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FcZ4FBzocJhEOIwId0YZD%2F2025-04-04_13-02-21.jpg?alt=media&#x26;token=179fdea2-8353-4cff-ad39-c967295e30ed" alt=""><figcaption></figcaption></figure>

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

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Gallery social**
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%2FI9zheDHBjwDP16f7lJGq%2F2025-04-04_13-08-15.jpg?alt=media&#x26;token=89d6d6b3-7e3c-406b-a673-4a73dddd3870" alt="" width="276"><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*

### View all button

* **Link url**  - Link for button in Header section
* **Link text** - Text for button
* **Button type**  -  there are 7 Options button
* **Show arrow icon**

### Grid settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FYJ13nWHFxwJEtGBrALzd%2F2025-04-04_13-09-23.jpg?alt=media&#x26;token=c059a8e3-2452-419e-a5a9-449d388fa26a" alt="" width="278"><figcaption></figcaption></figure>

* **Layout** - Grid / Carousel / Metro
* **Image size -**  Adapt to image / Square (1:1) / Portrait (3:4) / Landscape (4:3) / Landscape (5:3.5) / Wide (16:9)
* **Icon -**&#x44;isplay icon Social when hover image
* **Images per row**&#x20;
* **Gap ( desktop) -** Column spacing

### Mobile

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FVs3llI3EQw1X7puAj20Q%2F2025-04-04_13-10-03.jpg?alt=media&#x26;token=b1a1efc5-ae75-4e47-94e8-2fdf790d5197" alt="" width="277"><figcaption></figcaption></figure>

* **Columns (mobile)** - 1 column / 2 columns&#x20;
* **Gap (mobile)** - Column spacing
* **Enable swipe on mobile**

### 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 social**
2. **Add Gallery. >** Select block you want
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/RI3z7KvI1OKesh4v7ztg/gc-i.jpg" alt=""><figcaption></figcaption></figure>