Jump to content

Custom Cursor on site

Recommended Posts

Site URL: https://www.emwatsonmedia.com


I'm still relatively new to understanding code - I started messing around with CSS about 6 months ago. I've made myself a simple custom cursor with the code below, but I'm hoping for something a little more exciting.

I'd love something like this: https://codepen.io/netatani/pen/gVMNyr, or even something as wild as this: https://codepen.io/renatorib/pen/gBLDA.

Thanks in advance for your help!


The code I'm using below for a simple cursor from a png image: 

html, body {

         cursor: url(), default ;


a:hover {cursor: url(), auto !important; 


Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi. Both are very complex.

you can post on some FB groups
+ Squarespace Customization Resource Groups
+ Squarespace Community
+ Squarespace Entrepreneur
+ Squarespace Rockstars

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.