Add Image Slider


The Image Slider displays images in an animated slider.  You can add or remove pictures, as well as add custom titles and links to any image.

Please note that the images in image sliders do not auto-sync when the desktop site changes.

Add Image Slider

  1. Go to the Content section and select the design tab.
  2. Drag the image slider feature into the editing frame.
  3. Once you've placed the feature, you'll need to designate a set of images to display.


The Image slider feature can draw images from a number of sources, as indicated by the tabs when you select the add image button in the image editing pane.

  • From Site: The images on this tab have been automatically copied from your desktop site.
  • Facebook: The images on this tab have been automatically copied from your facebook page.
  • Gallery: These images are generic images we've collected for anyone to use.
  • Uploaded: These images have been uploaded by you; you can upload additional images by pressing the Upload button. We support PNG, JPG, and GIF filenames.
  • By URL: You can link directly to any image on the internet by using this feature. Simply right-click an image and select copy image URL in your browser. Some images may be copyrighted or have copy protection, and so will not display or will display differently here.

Image Guidelines

We recommend an image width of 400, to accommodate for larger screens.  For best results, use images of the same height in the image slider.


Each Image Slider element has the following display options:

General Add new images, delete images, crop images, add links to images, or add text bars to images by hovering over each individual image and pressing the appropriate button.

Effects: Toggle whether the images fill the slider, autoplay, or display navigation arrows.

Color: Set the image slider's background color and image.

Text Bar

Color: Set the text bar's background color, text color, and image.

Text Style: Change the text style of your selected tab.


Spacing: Set the height and margin of the element.

CSS: Change the element's CSS.

HTML: Change the element's HTML.