Instagram Side Grid
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Instagram Side Grid".
Section settings
General
| Settings | Meaning |
|---|---|
Section Width | 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). |
Padding Container Full Width | Determine the left and right spacing of the Full Width layout. |
Background Color | Set color for the section background. |
Background Gradient | Set color gradient for the section background. |
Content
| Settings | Meaning |
|---|---|
Title | Enter the text for the title. |
Title Font Size | Specify the font size of the title on desktop. |
Title Font Size Mobile | Specify the font size of the title on mobile. |
Title Font Weight | Select the font weight of the "Title" |
Title Color | Apply a color to the text. |
Title Margin Top | Determine the spacing of the title from top. |
Description | Enter the text for the description. |
Description Font Size | Specify the font size of the description on desktop. |
Description Font Size Mobile | Specify the font size of the description on mobile. |
Description Font Weight | Select the font weight of the "description " |
Description Color | Apply a color to the description. |
Button | Enter the text for the button. |
Button Link | Enter URL for the button to redirect to. |
Button Style | Select the style of the button: Style 1 - normal button; Style 2 - as a Link |
Button Font Size | Determine the font size of the button. |
Button Width | Determine the width of the button. |
Color | The text color of the button. |
Border Color | The border color of the button. |
Background Color | The background color of the button. |
Background Gradient | The background gradient of the button. |
Hover / Active Color | The text color of the button for hover state. |
Hover / Active Border Color | The border color of the button for hover state. |
Hover / Active Background Color | The background color of the button for hover state. |
Hover / Active Background Gradient | The background gradient of the button for hover state. |
Button Text Transform | Transform the text of the button to be either normal, uppercase, lowercase or capitalize. |
Button Font Weight | Select the font weight of the button. |
Button Spacing Top | Determine the spacing top of the button. |
Content Max Width | Determine the maximum width of the content. |
Grid Gap | Determine the gap between items. |
Spacing Top
| Settings | Meaning |
|---|---|
Desktop | Determines the spacing of the section from its top sections on Desktop. |
Tablet | Determines the spacing of the section from its top sections on Tablet. |
Mobile | Determines the spacing of the section from its top sections on Mobile. |
Spacing Bottom
| Settings | Meaning |
|---|---|
Desktop | Determines the spacing of the section from its bottom sections on Desktop. |
Tablet | Determines the spacing of the section from its bottom sections on Tablet. |
Mobile | Determines the spacing of the section from its bottom sections on Mobile. |
Block settings
[BLOCK] Instagram
| Settings | Meaning |
|---|---|
Image | Upload/Select an image. |
Link | Enter the text for the link. |
Last updated
