ACTION REQUIRED: Web Accessibility Compliance

The new Colorado accessibility law, HB21-1110, affects university websites and will go into effect July 1, 2024. This means that university website owners/content managers must ensure your website content meets the minimum web accessibility standards before July 1.

Learn how to meet accessibility standards

Image gallery widget


Want to display several images on one page in an orderly way? The image gallery widget can display a collection of images such as artwork, event photos, etc.


There are several different ways to display an image gallery using list templates in the List Settings tab.


Image gallery list template

Overlay gallery list template

Thumbnail strip list template

Thumbnail row template


How to

Drag the image gallery widget from the right column onto the page. The entire image library will appear. 

Dragging image gallery widget to content area


Choose Edit and in the Content tab, select which images you want to display. 

Image gallery widget settings


Then, in the List Settings tab, select how you want them to display by setting limits or pagination, sort order and choosing the image size and template.  

Image gallery List settings


By default, templates will display both the image title and number. If you would like to remove these options, click List Option and uncheck the box you wish to remove. Please note, these options only apply to the following templates: No Thumbnail, Thumbnail Row and Thumbnail Strip. Click Back to widget settings when you are done. 

Image gallery list options


Lastly, go to the Single items settings tab to select options for when an individual image is clicked on. Choose whether to open images in the same page or a specific page of your choice and what size to display them. 

Image gallery single item settings


Save your changes.

Additional Information


Do not use text in images anywhere on your website as this is not accessible. Learn more about using images and accessible images.


When you upload images, tag them or group them into libraries. This will help you select and narrow what you want to display with this widget.

Color Options

The No Thumbnail, Thumbnail Row, and Thumbnail Strip templates have a variety of color options available. To change color options:

1. Select Edit on the image gallery widget.

2. Select Properties at the bottom right.

Image gallery widget - select edit and then properties

3. Choose a color option from the dropdown menu and select Save.

Color options for image galleries
CMS Login