CommonSpot: How to style a video thumbnail image

How to style a video thumbnail image

This tutorial is on styling image links with a play button overlay.


  1. Create a Single Image Element (without header)
    Single Image Element


  2. Define Single Image Data. Make sure to include a link to the video.
    Define Single Image


  3. Style the Single Image Element (Note: If you don't not see the Style option, you may need to be granted additional account privileges.)
    Style Element


  4. Edit the style for the Image Element Component
    Element Style Select


  5. Check the Style for "Video Thumbnail Overlay" and hit Save.
    Video Thumbnail Overlay Style


  6. Hit close and the styling should now be applied.
    Video Thumbnail Completed




Keywords:commonspot, video, thumbnail   Doc ID:77734
Owner:Matthew G.Group:UW Parkside
Created:2017-10-30 15:12 CDTUpdated:2017-10-30 15:20 CDT
Sites:UW Parkside
Feedback:  0   0