[sp-demo-header title="Instagram%20ShortPoint" /]
Instagram OPTIONS
Settings Tab
[frame image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2019%2F05%2Finstagram_settings.png"][/frame]
Instagram EXAMPLES
Examples
[divider style="double-dotted" /]
[section layout="default" class="shortpoint-copy"]
[section-item]
[row]
[column 3]
[panel panel-style="transparent" title="Our%20Instagram" css-code="margin-top%3A%2020px%3B%0A" title-size="20" border-color="white" css_code_compiled=".dynamic-unique-shortpoint-class-name%20%7B%20margin-top%3A%2020px%3B%0A%20%7D"]
[instagram url="https%3A%2F%2Fwww.instagram.com%2Fp%2FBvKYEgZgPmL%2F" caption="true" class="shortpoint-copy" /]
[/panel]
[/column]
[column 6]
[panel panel-style="transparent" title="Our%20Product" css-code="margin-top%3A%2020px%3B%0A" title-size="20" border-color="white" css_code_compiled=".dynamic-unique-shortpoint-class-name%20%7B%20margin-top%3A%2020px%3B%0A%20%7D"]
[background layout="full-height" height="420px" image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2017%2F04%2Fretail1_21.jpg" color="black" color-transparency="0.7"]
ON-SALE STUFF
Vivamus lobortis tristique risus. Etiam eleifend egestas ante, vel interdum nisi pulvinar non.
Morbi rhoncus ex eget suscipit bibendum. Pellentesque diam augue, luctus a sapien.
In facilisis varius enim, nec blandit ligula.
[button large title="Read%20More" color="primary" /]
[/background]
[/panel]
[/column]
[column 3]
[panel panel-style="transparent" title="Tools" css-code="margin-top%3A%2020px%3B%0A" title-size="20" border-color="white" css_code_compiled=".dynamic-unique-shortpoint-class-name%20%7B%20margin-top%3A%2020px%3B%0A%20%7D"]
[tiles style="flip" spacing="0" responsive="true" height="140px" width="50%25"]
[tile title="Tools%20Options" icon="simple-settings" color="primary-light"] [/tile]
[tile title="Speed%20Test" icon="ion-speedometer"] [/tile]
[tile title="Clipboard" icon="bookmark-o"] [/tile]
[tile title="Events" icon="simple-calendar" color="primary-light"] [/tile]
[tile title="Employee%20Library" icon="simple-users" color="primary-light"] [/tile]
[tile title="Letters" icon="simple-paper-plane"] [/tile]
[/tiles]
[/panel]
[/column]
[/row]
[/section-item]
[/section]
Instagram Options Demos
[section]
[section-item]
[row]
[column 4]
Default Instagram View
[divider style="double-dotted" /]
[instagram url="https%3A%2F%2Fwww.instagram.com%2Fp%2FBvKYEgZgPmL%2F" width="400" class="shortpoint-copy" /]
[/column]
[column 4]
Hided Caption
[divider style="double-dotted" /]
[instagram url="https%3A%2F%2Fwww.instagram.com%2Fp%2FBvKYEgZgPmL%2F" caption="true" width="400" class="shortpoint-copy" /]
[/column]
[column 4][/column]
[/row]
[/section-item]
[/section]
Custom Size
[divider style="double-dotted" /]
[instagram url="https%3A%2F%2Fwww.instagram.com%2Fp%2FBvKYEgZgPmL%2F" width="500" class="shortpoint-copy" /]
[sp-demo-doc]Instagram post URL – Required. Type in or copy paste the URL of instagram post you want to include here.
Hide Caption – Hide the instagram image caption. The component's total height depends on the length of the caption text.
Width - Specify the width of the component in pixels. The width value should be between 320 and 1200 pixels.[/sp-demo-doc]