Custom mouse cursor

Site URL: https://plum-octahedron-jxxd.squarespace.com/

Hi everyone,

I am creating a new website via Squarespace platform. The template is Heights.
https://plum-octahedron-jxxd.squarespace.com/
Password to access is: 1234

I would like to custom the mouse cursor and try for example to make a test the cursor of this site or similar:
https://www.hellodude.it/

What code should I reuse for that?

Thanks a lot for your kind help!

First you upload your cursor image as a png or cur file. You paste the following css code into the page advanced settings for the page you want to use the cursor, but you need to copy  the url of the cursor file into the code string where you see URL of cursor goes here, remove those words of course.  

<style type="text/css">
  body, html {
        cursor:
 url of cursor file goes here      }
  </style>

For Site wide custom cursor, post in design advanced custom css without the <style> head and foot. 

I am doing this for one page on my site here: https://www.myrandomviews.com/views-images 

Does not work with MS edge using png file , has to be a cur file. 

The cusor image, after upload,  that you paste  will be a squarespace static 1 file with a very long id number, just to let you know. 

To upload a file do the following:

 Highlight any text and the editor comes up

In the link editor, click  in the URL field.

1. Click the File tab.
2. upload your cursor file. All files uploaded to your site appear above the Upload File area.
3. Click the file in the list. A checkmark appears beside the selected file.
4. Click Save.
5. go back to the linked text copy the URL
6. you now have the cursor address to paste into the code I pasted here. I would use wordpad to copy it all before, make sure it looks right,  putting on the site, The cur url will work in an address bar and pull up the image, good way to make sure that part works as well beforehand.

Dear Derrick,
Thanks a lot for your help 🙂

How can I get the URL cursor from:
https://www.hellodude.it/

And png file to make a test of it?

Have a good day!

Up please 🙂

Could someone help with this please?

You would need to know where that cursor file is located on the web. Its custom made. 

Hello Derrick, please how do I upload the png/gif/svg/cur to use as image for the custom cursor. Thank you 

On 11/9/2020 at 11:34 AM, Afenyi said:

Hello Derrick, please how do I upload the png/gif/svg/cur to use as image for the custom cursor. Thank you 

Hi,
Design -> Custom CSS

You can upload your image there.

Please use the like button if it helps you!

Best,
Leopold

On 11/9/2020 at 8:44 AM, IXStudio said:

Hi,
Design -> Custom CSS

You can upload your imge there.

Please use the like button if it helps you!

Best,
Leopold

Thanks a bunch,it helped. Bless.