Lightbox Hover
-
Hei Everybody,
I use on my site the lightbox add.
See here: http://bureau-sort.com/
I want to exclude some images from the lightbox.
This works fine. But The image I exclude has still the mouse over / hover effect.
How can I exclude the hover from some images?Best
Jan* -
Dear @Jan
can you tell us which images still have a mouseover – even when the Lightbox is deactivated?Best!
Marius
-
@mariusjopen thanks for your reply.
it is the very first image on the top ( http://bureau-sort.com/) which still has the black mouse over even if it is excluded from the lightbox.I hope you can help.
Best
Jan* -
Dear @Jan
where did you make the setting that there is a mouseover for lightbox images?Best!
Marius
-
Dear @mariusjopen,
I used the normal lightbox setting for the mouseover and added in the custom css:
.img:hover img{
filter: brightness(0);
}
In the gridder, right klick an "off" for lightbox ...
???
Best
Jan* -
Dear @Jan
the problem is that your code was selecting all the images. Not only the images for the lightbox.You can turn this of by adding this:
.img:hover img{ filter: brightness(0); } .lightboxoff:hover img{ filter: none; }
Best!
Marius
-
@mariusjopen :)
Works like magic.
Thanks for time and support.
Have a great day.
Best
Jan* -
Hi @Jan
cool! Happy to hear!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