---
title: "How to Add a Follow Image Cursor in Elementor?"
url: https://theplusaddons.com/docs/add-a-follow-image-cursor-in-elementor/
date: 2025-01-11
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "A follow image cursor keeps the visitor's normal pointer and adds a picture that trails it around the page. The Mouse Cursor widget builds it from one image and two..."
image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Add-a-Follow-Image-Cursor-in-Elementor_-1024x536.jpg
word_count: 761
---

# How to Add a Follow Image Cursor in Elementor?

## 

- Mouse Cursor crea un cursor de imagen de seguimiento con una sola imagen y dos offsets, y funciona solo en The Plus Addons for Elementor Pro.
- Mouse Cursor se coloca dentro del contenedor cuyo cursor se quiere cambiar, pero el widget es invisible y solo funciona en el frontend publicado.
- Follow Image usa Cursor Icon con una PNG de fondo transparente, y Icon Max Width limita el ancho hasta 500px mientras Cursor Left Offset y Cursor Top Offset mueven la esquina superior izquierda.
- Mouse Cursor Click cambia a una segunda imagen al pasar sobre un enlace, no al hacer clic, y todo el efecto se desactiva cuando la ventana del navegador mide 991px o menos.

A follow image cursor keeps the visitor's normal pointer and adds a picture that trails it around the page.

The **Mouse Cursor** widget builds it from one image and two offsets.

*To check the complete feature overview documentation of The Plus Addons for Elementor Mouse Cursor widget, [click here](https://theplusaddons.com/docs/add-a-custom-cursor-in-elementor/).*

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

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

## Before You Start

- **Edition:** **Pro** — Mouse Cursor is only in The Plus Addons for Elementor Pro. With the Pro plugin switched off the widget is not in the editor at all, and a page that already uses it shows no cursor effect and no notice.- **Widget to enable:** Mouse Cursor, switched on under **The Plus Addons > Widgets**.- **Where to drop it:** anywhere inside the container whose cursor you want to change. The widget itself is invisible, so its position on the page does not matter — only which container it sits in.- **Check it on the published page:** the widget draws nothing in the Elementor editor. The panel says so too: *This widget works only at frontend*.- **Desktop only:** every cursor effect is switched off when the browser window is **991px wide or narrower**, so nothing happens on phones and most tablets.

## Add a Follow Image Cursor

- Drag the **Mouse Cursor** widget into the container you want the effect in.- Set **Cursor Area** — **Body** for the whole page, **Container** for just that container.- In **Type**, click the **Follow Image** picture (second in the row).

![Cursor Icon media field shown after picking Follow Image in the Type control](https://theplusaddons.com/wp-content/uploads/2026/09/mousecursor-follow-image.webp)

- Add your picture in **Cursor Icon**. A PNG with a transparent background blends with whatever is behind it as the pointer moves.- Publish the page and move the pointer inside the area.

![Web page where a teal circular image trails the pointer across a photograph](https://theplusaddons.com/wp-content/uploads/2026/09/mousecursor-result-follow-image.webp)

![Recording of a follow image cursor trailing the pointer on a published page](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-image-demo.gif)

## Size and Position

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Icon Max Width** | The widest the image is allowed to be. The height follows the image's own proportions. | 100px (0–500) |
| **Cursor Left Offset** | Moves the image right of the pointer. Negative values move it left. | 10px |
| **Cursor Top Offset** | Moves the image below the pointer. Negative values move it up. | 10px |

![Icon Max Width slider in the Mouse Cursor widget set to 120](https://theplusaddons.com/wp-content/uploads/2026/09/mousecursor-follow-image-width.webp)

The offsets place the image's **top-left corner**, not its centre. With both set to 0 and the pointer at 600,400 the image's corner measured exactly 600,400; at 80 and −60 it measured 680,340. So the picture hangs down and to the right of the pointer unless you offset it back by about half its size.

> *The image never sits under the pointer's click target, so links and buttons keep working normally underneath it.*

## A Different Image Over Links

Switch **Mouse Cursor Click** on and add a second picture in **Cursor Click Icon**.

![Mouse Cursor Click toggle switched on with a second image in Cursor Click Icon](https://theplusaddons.com/wp-content/uploads/2026/09/mousecursor-click-icon.webp)

In testing the image changed to the second picture as soon as the pointer moved onto a link, and back to the first one when it moved off. It reacts to hovering a link, not to a mouse click, so use it as a *this is clickable* hint.

![Recording of the Mouse Cursor panel with Follow Image selected and an image added](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-image.gif)

## How It Behaves

- The image is hidden until the pointer first enters the area, then follows every move.- It sits above page content but never intercepts clicks.- **Icon Max Width** only caps the width — a small image is not stretched up to it.- The effect is switched off entirely when the browser window is 991px wide or narrower.

## Limitations

- The widget is Pro only. With the Pro plugin switched off there is no cursor effect and no notice.- Nothing happens at **991px** of window width or below, so phone and most tablet visitors see a normal pointer.- The offsets move the image's top-left corner, so the picture is never centred on the pointer unless you offset it yourself.- There is no fade or easing — the image is moved to the pointer on every mouse move, so a large picture can look heavy. Keep it small.- **Mouse Cursor Click** reacts to link hover, not to clicking.

## Troubleshooting

### The image does not appear

Move the pointer into the area first — it stays hidden until then. Also check you are on the published page, since the widget draws nothing in the editor.

### The image covers what I am trying to read

Lower **Icon Max Width**, or push the picture away from the pointer with **Cursor Left Offset** and **Cursor Top Offset**.

### I want the picture centred on the pointer

Set both offsets to roughly minus half the image's size. At 100px wide, −50 and −50 puts its centre on the pointer.

### Nothing happens on my phone

That is by design. Every Mouse Cursor effect stops below 992px of window width.

## Related Docs

- [Mouse Cursor widget settings overview](https://theplusaddons.com/docs/add-a-custom-cursor-in-elementor/)- [Add a follow text cursor](https://theplusaddons.com/docs/add-a-follow-text-cursor-in-elementor/)- [Add a follow circle cursor](https://theplusaddons.com/docs/add-a-follow-circle-cursor-in-elementor/)- [Change the mouse cursor for a container](https://theplusaddons.com/docs/change-the-mouse-cursor-for-a-container-in-elementor/)

## Frequently Asked Questions

**Q: Why doesn’t the follow image cursor show up in Elementor editor?**
A: The Mouse Cursor widget only works on the frontend, so it draws nothing in the Elementor editor. That is normal for The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH. The effect also stays hidden until the pointer enters the target area on the published page, so testing in the editor will look like nothing is happening.

**Q: How do I make a follow image cursor work only inside one container?**
A: Set Cursor Area to Container and place the Mouse Cursor widget inside that container. The widget itself is invisible, so its page position does not matter. What matters is which container it sits in, because that decides where the cursor effect applies. If you want the whole page instead, Body is the option used by this widget.

**Q: Why is my follow image cursor not working on mobile?**
A: That behavior is expected because every cursor effect is switched off when the browser window is 991px wide or narrower. Phones and most tablets therefore show a normal pointer instead of the image trail. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH keeps this desktop-only so the effect does not try to run where pointer behavior is limited.

**Q: How do I stop the image from covering text or buttons?**
A: Lower Icon Max Width first, because that caps how wide the image can get and a smaller image is easier to keep out of the way. If it still overlaps content, push it away from the pointer with Cursor Left Offset and Cursor Top Offset. The offsets move the image’s top-left corner, so a large picture can feel heavy unless you keep it small.

**Q: How do I center the follow image on the pointer?**
A: The offsets control the image’s top-left corner, not its center, so centering takes a negative offset equal to about half the image size. At 100px wide, -50 and -50 puts its center on the pointer. That matters because without compensating offsets, the picture hangs down and to the right of the cursor.

**Q: Can I show a different image when hovering links?**
A: Mouse Cursor Click can swap in a second picture when the pointer moves onto a link. In testing, it changed to Cursor Click Icon on link hover and switched back when leaving the link area. That makes it better as a clickable hint than as a true click reaction, since it responds to hover rather than an actual mouse click.