It can be difficult to choose the best from a series of professional images. Our slideshow header option allows you to display multiple shots. For more information on all photo options, please view our ‘Adding Images’ help article.

Notes:

  • Images must be in JPG, PNG, or GIF format. Animated GIF files will work in the site editor preview, but will not work on the live website.
  • For image positioning or sizing issues, please view the ‘Image Sizing’ help article.

This article covers the following:

  • The quantity of images that can be added to your website
  • How to add an image slideshow to the header area
  • How to adjust the slideshow settings
  • How to delete slideshow images

Quantity of Images

The number of images permitted for your website is determined by your plan type.

Plan type

  • Lite plan: 100 image uploads
  • Standard plan: 500 image uploads
  • Pro plan: Unlimited image uploads

Note: Each image file counts toward your limit (Lite and Standard plans), regardless of size or type. Image limit includes all images uploaded across all features that allow images to be uploaded (not per feature). When you’ve reached your limit, a message about upgrading will be posted to your account. At that point, you can upgrade to a higher plan or delete image files to free up space.

Image slideshow (Header area)

Note: A stock image is loaded during the trial setup. In the second step of the setup process you will upload your own image, or use a stock image. You can change your header image at any time.

  1. From the ‘Edit Content’ tab, hover your cursor over the header section, and click the ‘Edit Image’ button
  2. At the top of the setting pane on the left, click ‘Add more images to make a slideshow’
  3. Click ‘Upload Image(s)’

    Note: You can upload an image from your computer, select a previously-uploaded image, choose a stock photo from our gallery, or import an image from your Dropbox account.

  4. From here there are 3 ways to adjust the image:
    • Focal point tool: Click and drag the blue ‘focal point’ dot to the most important part of the image. This is the part of the image that will stay in view when scaled down to mobile devices. From here you can click the tablet and mobile phone icons in the top right corner to preview how the image will look on those mobile devices.
    • Dragging the image: Depending on the image size there may be some room to adjust the vertical and/or horizontal position. Click and drag the image vertically or horizontally to set it in place. If nothing happens when you click and drag, this means the image has reached the smallest size possible for the space.
    • Zooming: Use the zoom slider to zoom in or out on the image. After you zoom you can click and drag the image to the position of your choice.
  5. Click ‘Save’
  6. Repeat these steps for each new image you’d like to add to the header slideshow
  7. Toggle ‘Apply to all pages’ if you want this slideshow to appear be on all of your website pages
  8. Click ‘Save’

Notes:

  • You can add up to 5 images to the header slideshow per page. You can add different images per page. For more information on this feature, please view the ‘Header Slideshow’ help article.
  • The following themes use the header image as a full-page background:
    • Echo
    • Dusted
    • Prismatic (variants B and C)
    • Cross and Fade

Slideshow settings

  1. From the ‘Edit Content’ tab, hover your cursor over the header section, and click the ‘Edit Image’ button
  2. At the top of the setting pane on the left, click ‘Slideshow settings’
  3. Select your slideshow settings:
    • Slide timing: The amount of time it takes to switch from one slide to the next.
    • Transition timing: The speed of the transition between slides.
    • Transition type: The style of the transition between slides.
  4. Click ‘Save’ at the bottom of the settings pane on the left.

Note: To add a slideshow to your content area (on any page) please view the ‘Adding an Image Slideshow’ help article.

Reorder or delete header images

If you’ve added more than one image to the header (slideshow) and want to reorder the images, follow these steps:

  1. From the ‘Edit Content’ tab, hover your cursor over the header section, and click the ‘Edit Image’ button
  2. At the top of the setting pane on the left, click and drag an image thumbnail up or down to the position you’d like
  3. Repeat for each image you’d like to reorder
  4. Click ‘Save’ at the bottom of the settings pane on the left.

If you’ve added more than one image to the header (slideshow) and want to delete images, follow these steps:

  1. From the ‘Edit Content’ tab, hover your cursor over the header section, and click the ‘Edit Image’ button
  2. At the top of the setting pane on the left, hover your cursor over the thumbnail of the image you’d like to delete, then click the ‘x’ in the top right corner
  3. Repeat for each image you’d like to delete
  4. Click ‘Save’ at the bottom of the settings pane on the left.

Note: It’s not possible to delete all images. You must have at least one image or video set up in the header area.