The “Content Reveal on Hover“ widget for Elementor is a dynamic tool that enhances user engagement by revealing hidden content when users hover over an element. This free widget for Elementor is perfect for adding an interactive layer to your designs, whether you’re highlighting key features, showcasing additional details, or creating captivating hover effects for your website. With easy customization options and seamless integration with Elementor, the Content Reveal on Hover widget allows you to craft visually appealing and functional layouts effortlessly.
Let’s look at each of the options in the “Content Reveal on Hover“ widget for Elementor below.
Elementor Content Reveal On Hover Tutorial Video
Add a Free Content Reveal on Hover to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Content Reveal on Hover”
- Hover over the widget in the search results and click install
- Add the “Content Reveal on Hover” widget to any Elementor Page
General Settings in Elementor Content Reveal on Hover
Image
Choose an image to display.
Title
Type text for title.
Content
Type text for content.
Show Button
Show/hide the button.
Button Label
Type text for button label.
Button Link
Type or paste URL to link with the button.
Show Button Two
Show the second button.
Show Content on Breakpoint
Show content on certain breakpoint.
Layout Settings in Elementor Content Reveal on Hover
Show Title
Show or hide the title.
Show Text
Show/Hide the text element.
Elementor Content Reveal on Hover Styling
There are a number of styling options that allow you to control every aspect of the widget’s design. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
General Styling in Elementor Content Reveal on Hover
Set the alignment, padding, box radius, border and content vertical alignment.
Transition Styling in Elementor Content Reveal on Hover
You can set the transition time and title hover vertical gap.
Image Styling in Elementor Content Reveal on Hover
You can set the image height, blend mode and positioning.
Overlay Styling in Elementor Content Reveal on Hover
Here, you can set the overlay color, image, opacity and opacity hover.
Title Styling in Elementor Content Reveal on Hover
You can set the title color and typography.
Text Styling in Elementor Content Reveal on Hover
You can style the text color and typography.
Button Styling in Elementor Content Reveal on Hover
Here, you can set the button typography, background color, text color, border, spacing, and padding.
Content Reveal On Hover Design Examples For Elementor
Here are some live use cases for the Content Reveal On Hover Widget.
Free Elementor Content Reveal on Hover for a Restaurant Menu.
Free Elementor Content Reveal on Hover for Real Estate.
Thank you for using the Content Reveal on Hover Widget for Elementor! With its interactive hover effects and customizable design, this is the best Content Reveal on Hover Widget for Elementor, perfect for adding dynamic and engaging content interactions to your website. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
