Stand-Alone Thumbnails provide you with independent thumbnails that act like normal Muse objects.
Index
Add images and video content to your single stand-alone thumbnail directly through the widgets Option Panel.
Images
- Open the Stand-Alone Thumbnails Option Panel
- Select the orange highlighted link to open your computers file work.
- Select the image for the thumbnail background.
Video
Select the video type you will be using from the dropdown options.
Youtube or Vimeo
Copy and paste your video URL into the now enabled Video URL area.
HTML5 Video
Add your video by selecting the orange highlighted link and selecting the file from your files.
With Stand-Alone thumbnails, there is no need for filters, but you may add categories to each thumbnail. Use the Categories area to add a category to your image or video. Thumbnails may only have one category.
Sizing
Use the Height dropdown to select one of the methods of sizing your thumbnail on the page. Smart based height allows your images to remain proportional as the page resizes. While Percentage allows you to enter a specific percentage of the browser height that the thumbnail will maintain as the page resizes.
Use the Title and Description text areas to enter the captions for your thumbnail. If you do not wish to have a title or description for the thumbnail you may delete any characters found within this area.
Select the Overlay color you would like to transition once the thumbnail has been hovered over. By selecting a color within your thumbnail you override the Overlay color within the Container Option Panel.
Sort Order
Use values to change the order that your images and videos appear within their lightbox gallery.
Please refrain from setting the Stand Alone thumbnail to Stretch to Browser Width. In order to achieve the stretched view of a thumbnail, first set the width of the Stand Alone Thumbnail to the width of the breakpoint and then set the resizing unit to Responsive Width. This may also be done by selecting the Stand Alone Thumbnail, setting it to Stretch to Browser Width then immediately setting it to Responsive Width thereafter.