In this guide, we will show you how to add a “Caption Hover Effects widget” to your Elementor website. The Caption Hover Effects widget lets you enhance any image with eye-catching hover effects, displaying captions or descriptions with smooth and engaging transitions when users hover over elements. Perfect for boosting visual appeal and interactivity, this free widget helps create a more dynamic and engaging user experience while seamlessly matching your site’s style.
Let’s explore the customization options available in the “Caption Hover Effects widget” for Elementor below.
Add a Free Caption Hover Effects to Elementor
Add a Free Caption Hover Effects Widget to an Elementor Page
Elementor Caption Hover Effects Widget General Settings
Styles
Select the animation or visual effect for the caption on hover:
Caption Move
Caption Reveal
Caption Slide Up
Caption Slide In
Image Zoom In
Image Zoom Out
Caption Slide Down
Title
Enter the main title text for the caption.
Content
Enter the descriptive text for the caption.
Image
Upload or select the image to which the caption will be applied.
Button Text
Set the text displayed on the button within the caption.
Button Link
Enter the URL or destination for the caption button.
Show Title
Toggle the visibility of the title text.
Show Content
Toggle the visibility of the content text.
Show Button
Toggle the visibility of the button.
Elementor Caption Hover Effects Widget Style Settings
Content Color
Set the color of the caption’s content text.
Caption Background
Choose the background color for the caption area.
Space After Title
Adjust the vertical spacing between the title and the content.
Button Color
Set the color of the button text within the caption.
Button Background
Choose the background color of the button within the caption.
Button Background Hover
Choose the background color of the button when hovered.
Button Border Radius
Adjust the roundness of the button’s corners.
Button Padding
Set the internal spacing around the button text.
Caption Hover Effects Widget Design Examples For Elementor
Here are some live use cases for the Caption Hover Effects widget.
Caption Hover Effects Caption With Hover Effects widget.
Caption Hover Effects Hover Effects widget.
Thank you for using the Caption Hover Effects widget for Elementor! This powerful tool lets you enhance your images with eye-catching hover effects, revealing captions or descriptions with smooth and engaging transitions. Designed to boost your website’s visual appeal and interactivity, it provides a better user experience while fitting seamlessly into your site’s style, all for free. For questions or inspiration, feel free to reach out or explore our demo.
