Hover Reveal Social Card Widget
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60ee17be6c89eb6541edca4f_muse-for-you-text-border-hover-box-widget-header-min.png)
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60e3481fa0129711b03aeb04_muse-for-you-hover-box-instance-section.png)
Add multiple instances on one page
Add multiple instance of the hover box with unique styling for each instance.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60e3482896521bd7646cd84a_muse-for-you-hover-box-image-section.png)
Add any image
Add any image and set the responsiveness of the hover box via the built-in "Resize" option in Adobe Muse.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60ee18d44588285fdb85c8f8_muse-for-you-hover-reveal-social-card-widget-1.png)
Set the colors and effect speed
Set the color for the hover box, and the speed of the effect when the user hovers.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60ee18d74588282c3185c928_muse-for-you-hover-reveal-social-card-widget-2.png)
Choose from over 600+ Font Awesome Icons
Set the icons for the hover box, and choose from over 600+ Font Awesome Icons. Link icons to an external link, internal link, or anchor point.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60ee18d95a8f6bfcd763cd13_muse-for-you-hover-reveal-social-card-widget-3.png)
Style the text for the hover box
Choose from various styling options for the text. Options include - font color, font size, font weight, font style, text transform, leading, and tracking.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60e241709137b980bfac067e_muse-for-you-hover-box-breakpoint-section.png)
Change font size at a specific breakpoint
Within the "Breakpoint" section you can set the font size when the browser is a certain width.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60e241749d77c7db2b4952c9_muse-for-you-adobe-muse-text-panel.png)
Change font type in Adobe Muse
Set the font type for the hover box by selecting any web font from the built-in Adobe Muse "Text" option.
Responsive-Ready
The widget works across all breakpoints and can be set to responsive width, responsive width and height, and stretch to browser width.
Multi-Browser Support
Google Chrome
Mozilla Firefox
Safari
Opera
Microsoft Edge
Internet Explorer IE 11+
Version 1.3
Version 1.3
12.06.2017
- Fixed issue with widget not resizing correctly in the latest version of Adobe Muse 2018.
- Image no longer needs to be cropped to be placed in widget. You can now use the image fitting option within the widget.
- Image can now be scaled to fill, scaled to fit, or kept at its original size within the ‘Image Fitting’ option.
- If image is kept at its original size it can be re-positioned within the widget options.
- Removed minimum-width and maximum-width options. This option is no longer needed as you can set the responsive options for the hover box at different breakpoints.
- Ability to change the font size for the hover box at a specific breakpoint.
Version 1.2
07.02.2017
- Widget now works with the built-in “Responsive Width and Height” option in Adobe Muse.
- Added “Font Styling” and “Text Transform” options for the text.
Version 1.1
05.05.2017
- Fixed issue with widget not resizing in Adobe Muse on Windows computers.