Edit the Main Homepage Slideshow Image

Prev Next

This article walks through how to add or adjust the main homepage slideshow image.

Instructions

  1. Log in to your website solution

  2. Navigate to the Homepage

  3. Ensure that Live Edit is On: The Live Edit status for a page is toggled to ON and highlighted.

  4. Click the lock icon attached to a widget on your page: The Lock Icon of a widget to access the widget inheritance options is highlighted.

    Note:

    It does not matter which widget's lock you select, as they all bring up the same pop-up modal.

  5. Within the Container Inheritance modal, select the Go to the Layout Page button: The Container Inheritance modal with the Go to Layout Page button highlighted.

  6. Click on an existing Slideshow Widget: The Slideshow widget on a page is highlighted for selection.

  7. Click the Add Images button: The Slideshow widget modal with the Add Images button highlighted.

  8. Enable the checkboxes next to the images you want to add to the Slideshow: The Slideshow widget with the Add Images screen open and 2 images selected and highlighted.

  9. Click the Insert Marked button: The Slideshow widget Add Images screen with the Insert Marked button highlighted.

  10. If needed, edit the image's Title: The Slideshow Images screen with an image's Title field highlighted.

  11. Expand the Advanced options to add more information: The Slideshow Images screen with the Advanced Options for an image expanded and highlighted.

    • Caption: Add a caption for the image, this is a smaller body copy below the title. Example of the title and caption field: An example of Slideshow image caption text.

    • Alt Text: Add alt text for Accessibility Compliance that describes the subject matter of your image. The alt text will be seen as a user hovers over the image. If the uploaded image has text, include all text within the alt text field. Example of the Alt text field: An example of alternative text (alt text) for an image in the Slideshow widget.

    • Link?: Check to enter a URL you want that image to link to

    • Display: If you want this image to only be displayed within a certain date range, enter those dates here

    • Remove: Removes the image from the slideshow

  12. To change the order of your slideshow images, you click on one of the images and start to drag it up or down in order: The Slideshow widget on the Images page with the 'move handle' of an image highlighted, indicating that the image is being drag-and-dropped.

  13. Click the Save Slideshow button: The Save Slideshow button of the Slideshow widget is highlighted.

  14. Click the Save button: The Save button in the top right corner of the page.


Supporting Articles