1. Home
  2. Admin Users Guide
  3. Homepage & Module Spotlights
  4. Adding Images to the Homepage Hero Spotlight Slider

Adding Images to the Homepage Hero Spotlight Slider

To upload an image to your Homepage Hero Spotlight Slider, please follow the instructions below:

Step 1: Add a new image spotlight

Click on the Home Spotlights link located under the ‘More’ tab at the top of your Artsopolis Hub dashboard.

To add a new spotlight, click the Add button at the top.

Step 2: Fill out form

Type the name or title of the spotlight.

new-spotlight

If you want the spotlight to include a title and brief description overlay like the example below, add your copy to the Description field. This action triggers the overlay.

If you do not want the overlay to appear, leave the description field blank.

OPTIONAL – If you only want the semi-transparent title and description to display on your spotlight, you can skip the default Display Options and Display Settings.

However, if you are not using the semi-transparent title and description and want your spotlight to include a ‘call to action’ button like the example below, check the ‘Display Action Button’ check box in the Display Option block and fill out the fields in the ‘Display Setting’ block. You can adjust the width and height of the button, the transparency, and color. This action triggers the button overlay.

Link – If you want your spotlight to link to a specific page or website, add the URL to the Link field. If you want the link to open a new browser window or tab, select the Open New Page check box.

Date Range – You can set a start date and end date for your spotlights. If you want the spotlight to display immediately but come down at a later date, there is no need to enter a start date but you will need to add an end date.

Step 3. Add Slider Image

From the right sidebar, click on the Set Featured Image link to upload a spotlight image. This will open up the Media Library. Choose an image or upload one.

Please note: All your slide must be the same size in order display correctly. If you do not know that dimension on your homepage spotlight area, please contact us at networksupport@artsopolis.com

Scroll back to the top and click the Publish button.

Step 4. Refresh Homepage Sliders

Some sites may require you to click on the Refresh Homepage Slider button to clear the cache and set the new Spotlight in rotation.

If the Refresh Homepage Slider button is not present on your Homepage Spotlight listing page, you are good to go!

refresh-spotlight

Setting the Spotlight Rotation Order

There are two ways to set the rotation order for your homepage sliders. You can either use the Drag-and-Drop functionality or the Quick Edit link.

To re-order your spotlight sliders using drag-and-drop, simply hover over the spotlight listing, press and hold down the button on your mouse to ‘grab’ the listing. Drag it to the desired position, up or down, then ‘drop’ the listing by releasing the button on your mouse.

To set the rotation order of your homepage spotlights, simply hover over the Name of your spotlight and click on the Quick Edit link. This will release the Quick Edit menu. Just type in the rotation number in the Order field and click the blue Update button.

quick-edit-spotlight

Questions or suggestions? Contact: networksupport@artsopolis.com

Updated on July 17, 2025

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
CONTACT SUPPORT TEAM