---
title: "How to Create Image Reveal Effect on Text in Elementor?"
url: https://theplusaddons.com/docs/image-reveal-effect-on-text-in-elementor/
date: 2024-05-15
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to add an image reveal effect on text in Elementor? Adding an image reveal effect on text not only adds a touch of creativity to your website..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Create-Image-Reveal-Effect-on-Text-in-Elementor_-1024x536.jpg
word_count: 231
---

# How to Create Image Reveal Effect on Text in Elementor?

## Key Takeaways

- Advanced Typography widget from The Plus Addons for Elementor allows users to add an image reveal effect on text.
- Users can select Normal or Multiple options in the Advanced Typography tab to customize the image reveal effect.
- The Enable/Disable toggle in the On Hover Image Reveal tab activates the image reveal effect when hovering over text.

Do you want to add an image reveal effect on text in Elementor? Adding an image reveal effect on text not only adds a touch of creativity to your website but also allows you to highlight important information uniquely and engagingly.

With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add an image reveal effect on text in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/)

To do this, add the Advanced Typography widget to the page and follow the steps -

1. In the **Advanced Typography** tab, select **Normal** or **Multiple** from the **Select Option** dropdown.

Let’s select Normal.

2. Then add the text in the **Text** field.

3. After that enable the **Enable/Disable** toggle from the **On Hover Image Reveal** tab.

![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-on-hover-image-reveal-enable.gif)

> *Note: In the Multiple option you’ll find the On Hover Image Reveal option in each text repeater item.*

4. Add your image from the **Hover Image** section.

From the **Style** dropdown, you can add different image reveal effects.

Now when you hover over the text it will show an image with a reveal effect.

![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-on-hover-image-reveal-demo.gif)

***Suggested Reading**: [How to Create a Text Mask Effect in Elementor?](https://theplusaddons.com/docs//text-mask-effect-in-elementor/)*

## Frequently Asked Questions

**Q: What if the image reveal effect doesn't show up on hover?**
A: If the image reveal effect isn't appearing, ensure that you've enabled the 'Enable/Disable' toggle in the On Hover Image Reveal tab of the Advanced Typography widget. This toggle must be active for the effect to function properly. Additionally, check that you've added an image in the Hover Image section. Without these settings configured, the hover effect will not trigger.

**Q: Can I use the image reveal effect on multiple text items?**
A: Yes, the Advanced Typography widget allows for multiple text items to have the image reveal effect. If you select the 'Multiple' option, you'll find the On Hover Image Reveal option available in each text repeater item. This flexibility lets you create a dynamic presentation for various pieces of text on your page.

**Q: What settings work best for creating an engaging image reveal effect?**
A: For an engaging image reveal effect, start by selecting the 'Normal' option in the Advanced Typography tab. Then, customize the image reveal effects from the Style dropdown to match your website's theme. Experimenting with different effects can enhance the visual appeal and ensure that the text stands out when hovered over, capturing user attention effectively.

**Q: Does the image reveal effect work with other page builders?**
A: The image reveal effect is specifically designed for use with Elementor through The Plus Addons for Elementor. It does not work with other page builders like Gutenberg, Beaver Builder, or Divi. Ensure you are using Elementor to take full advantage of this feature.

**Q: What happens if I forget to activate The Plus Addons for Elementor?**
A: If The Plus Addons for Elementor is not installed and activated, you won't be able to use the Advanced Typography widget or any of its features, including the image reveal effect. This plugin is essential for accessing the creative functionalities that enhance your Elementor experience.

**Q: How do I find more advanced typography options?**
A: For a comprehensive overview of the features available with the Advanced Typography widget, you can check the complete feature documentation by [clicking here](https://theplusaddons.com/docs//advanced-typography/). This resource provides insights into various typography settings that can elevate your design.