Custom cursor pointer for lightbox plugin

[ErEs]

hey!

i would love to change the default pointer for laytheme's lightbox plugin to my custom cursor.

first i tried to style the pointer via css as a "normal" cursor and secondly tried to overwrite the code which activates the pointer on lightbox images by using a url to my custom cursor instead. neither of them worked.

i guess it will be quite simple but for some reason i do not know how to get it to work.

anybody knows a working solution?

[Richard]

Dear @ErEs

What Custom Cursor functions are needed for your Lightbox?

Custom next & previous cursors & close buttons are able through:

Lay Options > Lightbox Addon >

Just wish to understand better, talk soon & have a wonderful day 🌝

---

Sincerely

Richard

[ErEs]

Dear @Richard

on my website i have a pink circle as custom cursor which changes to another pink form when hovering over clickable items (a, img a). this works totally fine.
however when i hover over images which will open in lightbox, my cursor will not be displayed. the default pointer hand will be displayed instead.

i checked my site code and was able to detect the css which makes it happen (see images). however i am not able to fix it.

here are some lines of code i already tried:

#lightbox-region{
    cursor: url(herewouldbemyurl)
}

body.lightbox-css-on img{
  cursor: url(herewouldbemyurl)
}

i also tried

.pointer{
display:none
}

[ErEs]

Hello again,

good news – i fixed it on my own.
the use of "!important" was missing the whole time.
I ll post the code i used down below in case anyone is struggling with a similar problem.

.lightbox-css-on .grid-inner .col img{
    cursor: url(herewouldbemyurl) 40 40, auto !important;
} 

[Richard]

Dear @ErEs

Great :) Thank you for updating

Best
Richard