Stand Alone Thumbnail [Option Panel]

Stand-Alone Thumbnails provide you with independent thumbnails that act like normal Muse objects.


 
Screen_Shot_2018-01-04_at_3.40.59_PM.png

Index                    

Adding Content

Categories

Sizing

Icon

Title & Description

Overlay

Sort Order

 


 

Adding Content 

Add images and video content to your single stand-alone thumbnail directly through the widgets Option Panel. 

 

Images

  1. Open the Stand-Alone Thumbnails Option Panel
  2. Select the orange highlighted link to open your computers file work. 
  3. 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. 

 

Categories

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.

 

 

Icon

To add an icon to the thumbnail, select the orange highlighted area and place your icon file into the widget. This icon will override any icon applied to thumbnails through the Container widget. 

 

Title & Description

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.

 

Overlay

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.
Have more questions? Submit a request