Excluding Images from Lightbox
-
Hi Armin,
is there a possibility to exclude images from Lightbox? Let's say I have 6 images in a project. 3 of them are animated gifs and three are jpegs. Now I only want the jpegs to be part of the Lightbox. I tried "pointer-events: none;" but then none of the pictures in any project could be clicked on anymore.
Thank you!
Roel
-
Hey Roel!
Good idea, right now thats not possible but im adding that to my list for the lightbox addon -
Awesome! That would be great.
Is it it somehow possible to limit the size of an image in lightbox? Like for example 1 out of 4 images has a pretty low resolution and i want it to be limited to its actual size. I tried max-width but that only worked in the lay theme. lightbox seems to overwrite that command.
-
nah theres no possibility to do that right now :/
-
Hey! I just had an idea about how to exclude images from the lightbox.
You can add a class to an image using the class button in the gridder when you hover over that image. Like here in "Create a button style": http://laytheme.com/documentation.html#custom-css-styling
Let's say you add a class of: "exclude"Then in "lay options" -> "custom css" you can use this css:
.exclude{ pointer-events: none; }
-
@arminunruh this was working for me before but doesn't seem to be working after updating my site / lightbox -- any advice?
-
please use this:
.exclude img{ pointer-events: none; }
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