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.
Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.
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).
- 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.
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 |
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.
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.
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.
