Lightbox working but with missing images

If it helps the lightbox works fine when I select the all images option but when I try to add a class it doesn’t load the image in the lightbox.

Thanks again

Hi Mark,

That just sounds like maybe the class name isn’t correct. What happens if you select for it to add the lightbox to WordPress galleries and then add a gallery to a page. Do those images open in the lightox?

Hi,

I have added the thumbnail images into beaver builder using the page builder. I’m not sure if that counts as a WordPress gallery?

I have used the same class name in the images ‘with the class’ section as on the image but still not working.

I would be grateful if you can advise.

Thanks

I added a WordPress gallery and the Lightbox does work in that, however I would prefer to use beaver builder to create my page layouts.

Could beaver builder be blocking the Lightbox from working? I have tried several other Lightbox plug-ins but none seem to work.

Thanks again

We haven’t done extensive testing with beaver builder, so I’m unsure what the issue could be with it, if any. It could be that their gallery uses different classes for different images and, so, the class you’re putting in doesn’t apply to all the images.

I just had another look at your site and each image is buried like 4 divs deep, which doesn’t seem much like a gallery, but almost like each image is separately added to your page builder.

Does beaver builder have an option to add a gallery in?

If you choose the “All Images” setting in our plugin, do all the images in the beaver gallery then work?

Hi,

Yes the images on the page (built in Beaver) are not added via a gallery. Beaver allows you create drag and drop boxes where the images are placed.

Beaver does have an option to add galleries but the layout doesn’t look very good and there doesn’t seem to be an easy way to change the page layout options for a novice like me.

Yes choosing ‘all images’ in your plug-in makes every image work in the Lightbox, unfortunately this includes the logo in top navigation.

Thanks for your help

Hi mark,

In that case, it could be that the images are not getting the same class in beaver builder, and that’s why they aren’t all showing. You could try using the CSS selectors option in our plugin instead of the classes option, to specify different selectors (i.e. IDs, multiple classes, img tags, etc.).

Another thing to note is that, in the “Basic” area of the plugin options, there are settings called “Minimum Image Height” and “Minimum Image Height” that you can use to set the minimum height and width an image needs to be for it to open in a lightbox. You can use this to exclude smaller images, such as the logo.

Hi,

Thank you for your help, I now have the Lightbox working now on this page https://andyvidlerwildlifephotography.co.uk/gallery/birds/

However when I close your Lightbox, the image from the Beaver Builder one pops up. Can you think of anyway I can disable their one?

Hope that makes sense.

Thanks again

Hi mark,

I actually don’t see our lightbox at all on your page right now. That being said, by looking at the source code on your page, you should be able to hide that other lightbox with some CSS. For example:

.mfp-bg, .mfp-image-hoder {
display: none;
}