# Instagram slider

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MKrXaDVVFrtb23T2gpF%2F-MKrY9ZmEv-oXpkipF91%2Finstagram-slider.png?alt=media\&token=43b388ce-09d2-4711-82a4-e784511b896f)

## 1. Open the existing section

1. From your Shopify admin, go to **Online Store** > **Themes**.
2. Find the theme that you want to edit and click **Customize**.
3. Click the **Instagram Slider** section.

## 2. Add an Instagram slider section to your home page

1. From your Shopify admin, go to **Online Store** > **Themes**.
2. Find the theme that you want to edit and click **Customize**.
3. Click **Add section** > **Instagram Slider** > **Add**.
4. Use the settings to customize your **Instagram Slider** section.
5. Click **Save**.

## 3. Settings

### Background

* **Enable:** turn on/off the background.
* **Pick a color:** choose a color to set the background color. If the background is empty, the background color will be displayed.
* **Background image:** pick or upload your image to display it as the background image.
* **Background size:** set the size of the background image.
* **Background style:** set the style of the background image.

### Section gutters

* **Enable top gutter:** turn on/off the space distance on the top of the section.
* **Enable small top gutter:** turn on/off the small space distance on the top of the section.
* **Enable bottom gutter:** turn on/off the space distance on the bottom of the section.
* **Enable small bottom gutter:** turn on/off the small space distance on the bottom of the section.

### General settings

* **Heading:** add the section title.
* **Subtitle:** add section subtitle.
* **Hashtag:** add hashtag Instagram.
* **The number of items to show on the screen:** drag & drop quantity items to displaying on the screen.
* **Wide display:** turn on/off displaying the section in the wider layout(still keep the gutter on the left and right).
* **Full width:** turn on/off displaying the section in the full layout. If you enable this option, the "Wide display" option will be ignored.

## 4. Add/Edit/Remove an Instagram photo

Scroll down to the bottom, you will see an **Add photo** button, click this button to add a new Instagram photo. Or you can click one of the available Instagram photos to edit/remove it and drag/drop items to rearrange them.

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MKrXaDVVFrtb23T2gpF%2F-MKrYGn84mfgiQYICyAp%2Fadd-photo-instagram.png?alt=media\&token=2179d9c5-ef31-47ad-8a96-04721a2353d0)

### Instagram photo settings

* **Pick an image:** pick or upload your image to display it as the Instagram photo.
* **The post URL on Instagram:** add the URL of the Instagram photo.
* **The post title on Instagram:** add the title of the Instagram photo.