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.
Table Of Content

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.

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

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.

Advanced typography on hover image reveal enable how to create image reveal effect on text in elementor? From the plus addons for elementor

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.

Advanced typography on hover image reveal demo how to create image reveal effect on text in elementor? From the plus addons for elementor

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What if the image reveal effect doesn't show up on hover?

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.

Can I use the image reveal effect on multiple text items?

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.

What settings work best for creating an engaging image reveal effect?

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.

Does the image reveal effect work with other page builders?

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.

What happens if I forget to activate The Plus Addons for Elementor?

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.

How do I find more advanced typography options?

For a comprehensive overview of the features available with the Advanced Typography widget, you can check the complete feature documentation by clicking here. This resource provides insights into various typography settings that can elevate your design.

Last reviewed: April 9, 2026