Custom cursor in body tag

Design help Custom code
1

Hi guys. I just read some topics about it here in the forum but never find out the solution.

I’m trying to use a custom cursor in the whole site. I did what Vincent sad in another topic but didn’t work it out.

I’m injecting this code in the HEAD section (project settings):

<style>
body {
cursor: url(‘https://uploads-ssl.webflow.com/5a16babe6b2f3a0001d35951/5b215f40093e3e612256c869_circursor.png’), default;
}
</style>

Did anyone got this fixed?

Any help is much appreciated.

2

Hi @rafaelcordeiro

Can you please provide a read-only link to your project?

Thanks in advance :slight_smile:

3

Sorry about that. Here goes:

https://preview.webflow.com/preview/rafaelcordeiro?preview=cb6b7f6b5f0280e99825407b31c4ca27

4

thanks for that :slight_smile:

looks like the code had the wrong quotation marks around the URL. Can you try this?

<style> body { cursor: url('https://uploads-ssl.webflow.com/5a16babe6b2f3a0001d35951/5b215f40093e3e612256c869_circursor.png'), default; } </style>

5

Now is working.

Thank you so much man

1 Like