Hi, I've got the code posted working well, thanks all for posting.
The only place I can't seem to get it working is when you hover over a gallery. When you hover over the gallery it goes to a little hand icon again, unless you're hovering over the left/right arrows where it will display the updated cursor as desired.
This can be seen on this page when you hover over the gallery images https://www.tropicalhotdog.co.uk/red-bull
This is the current code I have in there (XXX replaced with the image location of course)
html, body {cursor: url(XXX), auto;}
a:hover {cursor: url(XXX), auto !important;}
.sqs-system-button {cursor: url(XXX),auto !important;}
* {cursor: url(XXX)}
If anyone could help it would be great
Thanks
Tom