How can I customize my mouse cursor?

Hi all! I know nothing about coding and designed a custom mouse cursor that I’m trying to put on my wix website. I found this article: but had no luck in making it work. Anyone able to give me a bit of a tutorial on how to set this up? It’d mean a ton - thanks!

I also found this: and plugged in the code in the last comment but it didn’t do anything. I may be missing basic steps with coding and am unsure of what to do - thanks in advance!

I’m needing this answered too! All the above didn’t work for me ethier!

This feature is currently on our roadmap. You can subscribe to the request here to get a notification when it releases:

so your saying that its pointless to even try because everyone at wix is too lazy to add this

There 4 options:

  1. If this style is for the whole page, you can add the css to the custom code section (Dashboard > settings).
  2. If it’s a text element, you can use the html property like this:
$w.onReady(() => {
$w('#text1').html = `<p style="cursor: url(''),auto;font-size:17px";>SOME TEXT</p>`;
  1. For other elements - you can create the element in an iframe with CSS.
  2. For other elements you can create the element in a custom element.

Option 1 and 4 are relevant to premium accounts.
Option 2 will work on live sites only.

1 Like

Hello everyone. have managed to do this using code in the header. But I can’t get the pointer to be custom as well. Does anyone know if this can be done via code in the header? Thanks!

Yes. But put the code in the masterPage.js file.

I dunno how to add it to masterpage lol

Hello everyone,

I have tried to roll over the home page of my Wix website but I can’t do it. I have tried to do it with some tricks that have been proposed to me but I have not been able to… I would like to know if someone could explain me how to do it?