---
title: "How to Create Image Reveal Effect on Text in WordPress?"
url: https://nexterwp.com/docs/create-image-reveal-effect-on-text-in-wordpress/
date: 2024-12-05
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to add an image reveal effect on text in WordPress? This creative effect adds a visually engaging touch to your website, allowing you to highlight important information..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-Image-Reveal-Effect-on-Text-in-WordPress_-1024x519.jpg
word_count: 214
---

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

## Key Takeaways

- Nexter Blocks Advanced Typography block adds an image reveal effect on text in WordPress by enabling the Hover Image Reveal toggle.
- Advanced Typography block uses the Select Option section to choose Normal or Multiple, and the Multiple option places On Hover Image Reveal in each text repeater item.
- Style section lets users add different image reveal effects after they upload an image from the Upload Image section.

Do you want to add an image reveal effect on text in WordPress? This creative effect adds a visually engaging touch to your website, allowing you to highlight important information in a unique and captivating way that draws users' attention.

With the Advanced Typography block from Nexter Blocks, you can easily add an image reveal effect on text in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Advanced Typography block,[ click here](https://nexterwp.com/docs/add-advanced-typography-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-hotspot-pinpoint-image/)

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

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

Let’s select Normal.

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

3. After that, enable the **Hover Image Reveal** toggle from the **On Hover Image Reveal** tab.

> *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 **Upload Image** section.

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

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