Hover Reveal

http://www.muse-themes.com/products/hover-reveal

Hover Reveal adds a new and powerful function to images and objects in Muse. Add text titles, descriptions, and even hyperlinks to a hidden content layer that is revealed upon hover.

This widget uses 40+ clean and quick CSS animations that transition smoothly regardless of browser. Customization options include total styling control over title and description text, linking options, and more.

  • Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
  • Current Version: 1.0
  • Supported Devices: Desktop, Tablet, Phone

Release Log

  • 1.0: Adds collapsible panel functionality and support for responsive Muse


 



Setup

  • Drag the widget from the library and drop into your project in Design mode.
  • Open the widget option panel and click "Add File" to select an image to use. The widget container defines the size of the image.
  • You will notice that the widget retains the actual aspect ratio of the image used. A popular use of this widget is to create galleries with multiple instances. If creating a gallery, be sure to set the same aspect ratio for each image to ensure consistency.
  • Set the Hover Background Color and select a Reveal Transition style. At this point, you can preview the widget in browser. Try several transition styles to find a transition that suits your design.
  • In the "Content" section, enter title, description, and link text content. In this section, you will also set your content alignment and link URL
  • The final section, "Text Styling", contains all styling options for the text in your content area.


Commonly Asked Questions

Can I turn the link off?

While there is no enable/disable option for links, you can simply keep the Link Text field blank and keep the Link Style option set to link text. No link will appear with these settings.

Why does my text content get cut off at small screen sizes? I thought this widget was responsive!

Hover Reveal is responsive. However, if you have a lot of text content in your reveal area, it may not fit as the image size scales down on smaller screens. If you have trouble with this, create separate instances of the widget for your small breakpoints.


This widget works best with a little prep work. Use a photo editor to create wide-format images for the Panoramic mode, and to ensure that all images used in Multi-Image mode have the same height.


While the widget has a built-in caption panel, you can also build your own caption panel with text in Muse and place it over the Infiniscroll widget.


Known Issues/Conflicts

No known issues or conflicts


Additional Info Links