Jump to content

Multiple custom cursors

Recommended Posts

Hello everyone,

I would like to change the cursor of my website like this :
The "default" cursor is blue. The "pointer" and "wait" cursors are black.
I tried to find a solution online but I'm really bad at coding and couldn't figure out a way to make this work, I could only manage to have a blue "default", and the hand for "pointer"...

Here's the code I'm using:


body {
  cursor: url('MY BLUE CURSOR.png'), default;
    cursor: url('MY BLACK CURSOR.png'), pointer, wait;


here's my website

Thanks for your time & thank you for helping 🙂




Link to comment
  • Replies 0
  • Views 912
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.