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.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
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.
On the page, the image appears while you hover over the text:
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.
Troubleshooting
Nothing appears on hover
Check that a Hover Image is selected, and test on the published page or in preview.
