Streaming live at 10am (PST)

How can I add a customized cursor to my Webflow site

Hello there,

I know that I can easily change the cursor with the cursor panel, but I was wondering if there is an easy way to change it with an icon I created?

Would this code works if I put it in the header section?

    body {
       cursor: url(, pointer;

Thanks for your advice

Hi @Arno,

Based on this example ( ), it should work. Just make sure that URL to cursor image is working :slight_smile:


Hello @sabanna.

Thanks for your help. Unfortunately, it doesn’t seem to work :frowning:


Try to add this code snippet to Embed code widget on the page

Thanks @sabanna.

I added the code to the header section and it works. I might have added wrong the first time. :blush:

So if I’d like to change the cursor for an action, I have to write the code for every action I’d like to modify, but would I need to do it for every class, or can I do it one time for all? ( I hope I’m clear enough :wink:

Thanks for your advice.

:slight_smile: I am glad to hear everything works now

If you want to set different cursor when you hover some objects, for example, then I think you will have to point that objects class in the code.

Ok. Thank you. I’m gonna try that.

Does anyone have extra tips regarding cursor customization?