---
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-09-13
lang: en
author: "Aditya Sharma"
description: "Want an image to pop up when visitors hover over a word? The On Hover Image Reveal option of the Advanced Typography widget from The Plus Addons for Elementor shows..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Create-Image-Reveal-Effect-on-Text-in-Elementor_-1024x536.jpg
word_count: 260
---

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

## 

- Utilizes the Advanced Typography widget from The Plus Addons for Elementor to create an image reveal effect on text.
- Enables the On Hover Image Reveal feature by toggling the setting in the Advanced Typography tab.
- Allows customization of image reveal effects through the Style dropdown in the widget settings.

Want an image to pop up when visitors hover over a word?

The **On Hover Image Reveal** option of the Advanced Typography widget from The Plus Addons for Elementor shows an image when the visitor hovers over the text.

*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 it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — The Advanced Typography widget needs The Plus Addons for Elementor Pro. In the free plugin it shows in the Elementor panel with a lock icon.- **Widget to enable:** Advanced Typography, switched on under **The Plus Addons > Widgets**.

## Steps

- Add the Advanced Typography widget, keep **Select Option** on **Normal** and type your text.- Open **Content > On Hover Image Reveal** and turn on **Enable/Disable**.- Choose the image in **Hover Image**.- Pick a reveal animation in **Style** (Style 1 to Style 6).- Publish, then hover over the text on the page.

![The On Hover Image Reveal section with a Hover Image chosen and the Style dropdown](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-reveal.webp)

![Switching on On Hover Image Reveal in the Advanced Typography widget](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-on-hover-image-reveal-enable.gif)

On the page, the image appears while you hover over the text:

![An image shown over the text while the mouse hovers over it](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-result-reveal.webp)

## How It Behaves

- The image appears when the mouse moves over the text.- The effect also works when the text has a link (**Advanced Options > Link**).- In **Multiple** mode, each item can reveal its own image.

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

## Troubleshooting

### Nothing appears on hover

Check that a **Hover Image** is selected, and test on the published page or in preview.

## Related Docs

- [Advanced Typography widget: settings overview](https://theplusaddons.com/docs/advanced-typography/)- [Add an image reveal animation on scroll](https://theplusaddons.com/docs/add-image-reveal-animation-on-scroll-in-elementor/)- [Create a text mask effect](https://theplusaddons.com/docs/text-mask-effect-in-elementor/)