Custom cursor for Lightbox Addon
-
Hi!
I am playing with a custom cursor on my website. Currently I've got this to work fine for general cursor and on links. My site is also using the Lightbox Addon, and I can't figure out how to replace the Pointer-cursor on these pages.
Ideally I would like to have the cursor be the squinting-eye cursor when hovering over Lightbox-images, and while viewing them/until they are closed.
Here's what I've done to get them to work for general and links:
body { cursor: url(https://augustgaukstad.com/wp-content/uploads/2020/02/cursor-01-1.png) 16 16, auto; } a { cursor: url(https://augustgaukstad.com/wp-content/uploads/2020/02/cursor-02-1.png) 16 16, auto; }
I have tried doing the same targeting various things like #lightbox-inner, #thumbnail, creating a HTML ID for each Lightbox-image and applying it there, but nothing works.
Cheers,
August -
Dear @agaukst
I just answered a very similar question in the forum.Can you have a quick look around?
Best!
Marius
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it