# Gallery social

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FENoGRFr4EqlUUH8EHXwN%2Fgc.jpg?alt=media&#x26;token=317d249d-6153-4a37-a0d8-48d0ceb1fc47" 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://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FlVshWiWKDiJwYYsnh4iU%2Fvideo-c.jpg?alt=media&#x26;token=e45a9de9-dc9f-453d-9774-3f90a30d7796" alt=""><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Container / Stretched / Full width
* **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://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FA6b1PFI5u40O6B7AxBfT%2Fgc-s.jpg?alt=media&#x26;token=3f40f3d5-62b4-4250-940f-2b70aa2dfab4" alt=""><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 -** Column spacing

### Mobile

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FA4AzrvTXDhNnP3NnyHq9%2Fgc-mb.jpg?alt=media&#x26;token=a423db12-0d5a-4a46-b49d-e363e8bd3c86" alt=""><figcaption></figcaption></figure>

* **Columns (mobile)** - 1 column / 2 columns ( When stacked columns are enabled. )
* **Gap (mobile)** - Column spacing
* **Enable swipe on mobile**

### Colors

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FcGzFhXVgxpuLwPNSyDdy%2Fcolor-c.jpg?alt=media&#x26;token=3cb90b75-d723-4021-b6c1-808b5fcedadc" alt="" width="280"><figcaption></figcaption></figure>

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

### Section padding

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fc0cazMLYpU5yjLuS4vGl%2Fpadding-c.jpg?alt=media&#x26;token=d8c91b56-445e-4ea5-bbc5-f825cf08e577" 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://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FDeLWH7Ys9QNx8RNyYdjt%2Fgc-i.jpg?alt=media&#x26;token=85b8add9-2fac-4ee9-a447-59ea28a854fc" alt=""><figcaption></figcaption></figure>
