Jump to content

Custom Cursor Help

Go to solution Solved by Ziggy,

Recommended Posts

Hey! I am looking to change my cursor and I have gone through almost every thread within this community and I cannot figure it out. This is the code i'm using under Design > Custom CSS. Do I need to put any other code anywhere else for this to work?


* {
     cursor: url(https://static1.squarespace.com/static/62da4deab1001c277a93ab6d/t/644779b4b4ba1044392deee2/1682405812114/40.png), auto !important;
   }

Link to comment
  • Replies 3
  • Views 240
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Half the problem is the size of the image you are using, I've resized it to 30px x 30px and then changed your code, this now works for me with this image (you'll want to reupload the image and replace the URL to yours):

image.png.34cbe8fcd76cc8e6be3ef9ecc2c99dc4.png

body {
  cursor: url('https://static1.squarespace.com/static/6381f1ab7fa4241832915ff3/t/64478304bcb4590242ae9d03/1682408196414/40.png'), auto;
  margin: 0;
  height: 100vh;
}
a:hover{
  cursor: url(''), auto;
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
6 hours ago, LorenB said:

AMAZING! Thank you

No problem, happy to have helped!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • 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.