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
For paid 1-on-1 Lay Theme Coaching, contact Audrey (audrey@cyberslayers.work) or me (info@laytheme.com).
We also code custom websites or bespoke Lay features. Drop me a line at info@laytheme.com or check out my work at arminunruh.com.
Want to support my work? paypal.me/arminunruh
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