Jump to content

Custom cursor : problem with pointer zone

Recommended Posts

Site URL: https://charlesjenny.ch


I've been trying to set up my own cursor on my website. A big crosshair. Here is the code I've used, including the active URL to my png (not live now - as it was not working I've replaced it with HTML basic crosshair -> cursor : haircross) :

body, html {

  cursor: url(https://zupimages.net/up/21/09/t5pr.png), auto;


The code is working but the pointing zone of my PNG file is not centered. 

For example, Thomas Le Provost — About, the custom cursor changes to the "hand" only when the center of the crosshair is hovering a clicking zone. And the hand would also appears as where the center of the cross is. The same does not happen to my custom crosshair. The pointing zone is not the center and the hand appears on the above left side on my cross. 

Thank you very much for your help !


Screen Shot 2021-03-05 at 10.10.10 AM.png



Link to comment
  • Replies 0
  • Views 479
  • 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.