Change Cursor To Image

Install Steps

Change Cursor To Image

Submitted by Moov Labs Works with all template families


Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Custom Cursor //

body, html {
  cursor: url(https://imageurl.png), pointer;

Step Three

Replace the imageurl.png link with the url of the image or icon you’d like to replace the cursor with.

It is recommended that the image be smaller in size (45 pixels) and in png or gif format.

Save and refresh the page. 👍

Moov Labs