Scroll

Instagram Feed

Click HERE for an interactive tutorial. Scroll to the bottom for animated steps.


Add Instagram Feed

  • Go to EMBED at the top of the page.
  • Drag Instagram Feed widget to an area of the page where you'd like to add it to.

  


Manage Instagram

  • Double-click on Instagram or highlight it and go to Settings pane > APP.

  • Username: Enter the username of the Instagram account to stream in the widget.
  • Number of feeds: Enter a number of recent photos you would like to display.
  • Show Scrollbar: Toggle to ON if the selected number of feeds does not fit in the desired widget size.
  • Height: Adjust widget's height by dragging the slider.
  • Background Color: Choose a color for the widget's background.
  • Header Color: Choose a color for the widget's header.
  • Header Font Color: Choose a color for the font in the widget's header.
  • Border Color: Choose a color for the image border.
  • Border Size: Adjust images' border size from 0 (no border) to 5 (thickest border) by dragging the slider.
  • Image Spacing: Adjust spacing between images by dragging the slider.
  • Image Dimensions: Adjust the size of images by dragging the slider.
  • Hover Opacity: Adjust opacity of the image when a cursor hovers over it.

General Settings

  • Title: Enter the title.
  • Show as Tooltip: Show the title as tooltip (text that appears when your mouse hovers over the google map).
  • Top: Set top margin.
  • Left: Set left margin.
  • Width: Set the width.

Background

  • Color: Choose background color.
  • Opacity: Set opacity for the background.
  • Image: Enable to use an image as a background.
  • Size: Choose background size (i.e. auto, 100%, etc.).
  • Position: Set position of the background.
  • Repeat: Choose repeat type for the background.

 

Border

  • Color: Choose border color.
  • Style: Chose border style.
  • Width: Choose the width of the border.
  • Radius: Choose border corner radius.

Box Shadow

  • Shadow: Toggle ON to create a shadow for the block quote.
  • H-Shadow: Set horizontal position of the shadow.
  • V-Shadow: Set vertical position of the shadow.
  • Blur: Set blur value for the shadow.
  • Spread: Define how far the shadow spreads.
  • Color: Set the color for the shadow.
  • Style: Select between inset and outset.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments