# Instagram Special

To add this section, please follow below 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 Special**".

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FlxECO6r8Ttua40KBdfVr%2Finstagram%20special.gif?alt=media&#x26;token=85cf11bf-b1e6-4002-9180-3beaac9c5635" alt=""><figcaption></figcaption></figure>

### General

<table><thead><tr><th width="237">Settings</th><th>Meaning</th></tr></thead><tbody><tr><td>Layout</td><td>Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width).</td></tr><tr><td>Padding Container Full Width</td><td>Determine the left and right padding of the section when layout Full Width is selected.</td></tr><tr><td>Enable Border Top?</td><td>Toggle the top border of the section.</td></tr><tr><td>Border Color</td><td>Set color for the top border of the section.</td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td></tr><tr><td>Background Color</td><td>Set color for the background of the section.</td></tr><tr><td>Background Gradient</td><td>Set color gradient for the background for the section.</td></tr><tr><td>Background Image</td><td>Select/Upload image as the section background.</td></tr><tr><td>Title</td><td>Enter text for the section title.</td></tr><tr><td>Title Color</td><td>Set color for the title.</td></tr><tr><td>Title Font Size</td><td>Determine the font size of the section title.</td></tr><tr><td>Title Font Size Mobile</td><td>Determine the font size of the title on mobile device.</td></tr><tr><td>Title Margin Bottom </td><td>Determine the spacing of the title from the bottom.</td></tr><tr><td>Description</td><td>Enter text for the section description.</td></tr><tr><td>Description Color</td><td>Set color for the description text.</td></tr><tr><td>Description Font Size</td><td>Determine the font size for the description text.</td></tr><tr><td>Description Margin Bottom</td><td>Determine the spacing bottom of the section description.</td></tr><tr><td>Alignment</td><td>Select the alignment of the content to be either to the Left, Right or Center of the section.</td></tr><tr><td>Display Icon Show More?</td><td>Toggle the show more icon to show more images.</td></tr><tr><td>Color</td><td>Set color for the icon.</td></tr><tr><td>Border Color</td><td>Set color for the icon border.</td></tr><tr><td>Background Color</td><td>Set color for the icon background.</td></tr><tr><td>Background Gradient</td><td>Set color gradient for the icon background.</td></tr><tr><td>Display Button?</td><td>Toggle to show the button.</td></tr><tr><td>Button Text</td><td>Enter the text for the button.</td></tr><tr><td>Type Button</td><td>Decide the behavior of the button on clicked. The options are: Load more block item, Redirect to URL.</td></tr><tr><td>Button Link</td><td>Set URL for the button to redirect to.</td></tr><tr><td>Color - Border Color - Background Color - Background Gradient</td><td>Set colors for button text, background and border.</td></tr><tr><td>Button Width</td><td>Determine the width of the button.</td></tr><tr><td>Content - Layout </td><td>Select the layout of the block images.</td></tr><tr><td>Grid Gap</td><td>Determine the gap between block images.</td></tr><tr><td>Border Radius</td><td>Set roundness of the border of the blocks.</td></tr><tr><td>When Click On Image</td><td>Decide the behavior of the images on clicked to be either to open FancyBox for clearer view or to redirect to URL.</td></tr></tbody></table>

### \[BLOCK] Instagram

| Settings | Meaning                                                                                                                   |
| -------- | ------------------------------------------------------------------------------------------------------------------------- |
| Enable?  | Toggle to show/hide the block.                                                                                            |
| Image    | Upload/Select an image.                                                                                                   |
| Link     | Set link for the block image to redirect to when clicked if the When Click On Image "Redirect To URL" option is selected. |
