Custom cursor pointer issue

---

Hej there, on my website I applied

a{
cursor: url(https://www.myurl.png), pointer;
}

to have a custom cursor pointer for all linked elements. The mouse over works fine for images and carousels, but for navigation items and links in text, the cursor does not stay in place, both in firefox and safari.

Have I perhaps done something wrong? I can imagine that this requires custom code and would appreciate if you could still give me a hint! Maybe there is a way to have the custom pointer only applied for linked images and carousels? I don’t have to have the custom cursor for linked text and navigation, if that would make it easier…

Everything is up to date and I don’t have any further custom css applied.

Thank you, Susann

Dear Susann

@lilievongruen

My first thoughts:
Custom Cursors ( .png file ) will revert back to a default cursor if the .png has reached the edge of the viewport, does this appy for you?

https://stackoverflow.com/questions/58414589/css-custom-cursor-image-is-reverting-near-edges-of-the-viewport-in-chrome

Keep your cursor smaller or equal to 32x32 DIP.

Talk soon & best wishes
Richard

Thank you @Richard — cursor in 32x32 px with almost no white space around the object itself works perfect!

Dear @lilievongruen

Awesome! Have a wonderful day :)

Best
Richard