Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Image Comparison Effect on Scroll - Featured Blog
futuristic-control-center
Text over Image on Hover - Featured Blog

Elementor Text over Image on Hover Tutorial

Adding text over image on hover is one of the most effective ways to create interactive, visually engaging content on your website, and with Elementor, it’s easier than ever. With the Caption Reveal Content Box widget, you can easily display content that appears with a smooth zoom and reveal effect when users hover over an image. This helps you showcase information in a modern, clean layout while capturing attention and improving user experience. With flexible customization options, you can tailor captions, layouts, and styles to perfectly match your website’s design.

Step #1: Install and activate Unlimited Elements

Before getting started, you will need to purchase Unlimited Elements Pro from the link below to access the Caption Reveal Content Box widget.

Then follow these steps:

Step #2: Adding the Caption Reveal Content Box widget to your Elementor website

To add text over an image on hover in your Elementor website, install the Caption Reveal Content Box widget from the Unlimited Elements Widget library. 

Text over Image on Hover Blog Image 2
Step #3: Add Text over Image on Hover

Now, in the Elementor editor, find the Caption Reveal Content Box widget and drag it to the desired part of your page.

General Settings
Text over Image on Hover Blog Image 3
Layout Settings
Text over Image on Hover Blog Image 4
Badge Settings
Text over Image on Hover Blog Image 5
Text over Image on Hover
Wrapping it Up!

The Caption Reveal Content Box Widget for Elementor is a powerful and elegant solution for anyone looking to add text over image on hover effects without touching a single line of code. With customizable layouts and smooth hover effects, you can present content in a more engaging and dynamic way. Whether you are highlighting services, portfolio items, or key information, this feature helps you create a polished and professional design that stands out.

View More Related Blog Posts

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!