# Instagram

{% hint style="info" %}
The Instagram section is static. If you want to make it dynamic by connecting it to Instagram, you can use an app.
{% endhint %}

To add this section, please follow below steps:

<figure><img src="https://themes.templatescoder.com/belliza/documentation/images/screenshort-130.jpg" alt=""><figcaption></figcaption></figure>

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

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose **"Instagram"**.
{% endhint %}

<figure><img src="https://3751104066-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJKlAwzeCbxVGW0a9OXJm%2Fuploads%2FHZAjlMXhtKVdTEcjLN4d%2Fscreenshort-131.jpg?alt=media&#x26;token=d6939f91-4730-4fb7-b2eb-693c793a771b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3751104066-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJKlAwzeCbxVGW0a9OXJm%2Fuploads%2FMaiJp6G8Rr7YV86Z8URj%2Fscreenshort-132.jpg?alt=media&#x26;token=40472517-ead0-4936-b0fe-ede0fd31cc08" alt=""><figcaption></figcaption></figure>

| Settings                                                | Meaning                                                                                                                                       |
| ------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout                                                  | Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width). |
| Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile | Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.                               |
| Enable Border                                           | Toggle to show border around the section.                                                                                                     |
| Border Color                                            | Set color for the section border.                                                                                                             |
| Title                                                   | Enter text for the section title.                                                                                                             |
| Title Color                                             | Set color for the title.                                                                                                                      |
| Title Margin Bottom                                     | Determine the spacing of the title from the bottom.                                                                                           |
| Title Font Size                                         | Determine the font size of the title                                                                                                          |
| Title Font Size Tablet                                  | Determine the font size of the title on Tablet device.                                                                                        |
| Title Font Size Mobile                                  | Determine the font size of the title on mobile device.                                                                                        |
| Description                                             | Enter text for the section description.                                                                                                       |
| Description Color                                       | Set color for the description text.                                                                                                           |
| Description Font Size                                   | Determine the font size for the description text.                                                                                             |
| Alignment                                               | Select the alignment of the content to be either to the Left, Right or Center of the section.                                                 |
| View All                                                | Enter the text for the view all button.                                                                                                       |
| View All Font Size                                      | Specify the font size for the view all button text.                                                                                           |
| View All Alignment                                      | Select the alignment of the view all button to be either Left, Right or Center.                                                               |
| View All Font Weight                                    | Select the font weight of the view all button text to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.                             |
| View All Link                                           | Specify the link for the view all button to redirect to.                                                                                      |

**Instagram block**

| Settings | Meaning                                                                                            |
| -------- | -------------------------------------------------------------------------------------------------- |
| Enable?  | Toggle to show/hide the block.                                                                     |
| Image    | Upload/Select image for the block.                                                                 |
| Link     | Insert the link for the image to redirect to if the When Click On Image is set to Redirect To URL. |

<figure><img src="https://3751104066-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJKlAwzeCbxVGW0a9OXJm%2Fuploads%2FSk2h39HQELjtOPtUba69%2Fscreenshort-232.jpg?alt=media&#x26;token=7c7b9ae4-7d80-4a7d-9930-7287bd26e13b" alt=""><figcaption></figcaption></figure>
