Docs

[cdnmike]

Hi,

I set up a 2 image lightbox using Envira Gallery which can be viewed here:
http://x-theme.reportadvantage.com/envira-1/

The lightbox works fine but I would like to only display one of the images on the above page while having the lightbox load both images when triggered.
Is there a way to accomplish this?

Thank You

[Lely]

Hi There,

Upon checking the documentation, it seems that there’s no option available to achieve this. What we can do is used custom CSS. Please try adding this on Envira Gallery Settings > Misc Tab>Custom Gallery Classes

.envira-gallery-item {
    display: none;
}
.envira-gallery-item:first-of-type {
    display: block !important;
}

Then you may then to set your columns into one on Envira Gallery Settings > Config> Number of Gallery Columns.

Hope this helps.

[cdnmike]

Thanks, but it doesn’t remove either image.

[Nabeel A]

Hi again,

Please replace the previous code with this one:

#envira-gallery-item-358 {
    opacity: 0 !important;
}

Let us know how this goes!

[cdnmike]

Hi,
I added the code to the css section in the gallery but still no change. I’m not sure where you get the item number (358) from, is it possible that it different?

[Nabeel A]

Hi again,

That should have worked, I couldn’t find the above code in your site maybe there is a syntax error in your Customizer. Try pasting the above code in the first line of your Customizer.

#envira-gallery-item-358 is the ID of your second image. If it still doesn’t work then you can provide the login credentials in a private reply so we can take a closer look.

Thanks!

[cdnmike]

Like an idiot I’ve been putting the code in the wrong gallery. I made a second one this morning.
Can you tell me how to get the image ID and I’ll update the second gallery and try again. I looked at the Media library and can only find the image url.

[cdnmike]

Hi,
I put the code in the gallery css but it did not work. It did work however when I put it into the Custom css!
Could you please let may know how to determine the image ID’s when I need to duplicate this.

Thanks

[cdnmike]

I think I figured it. If I set the Media Library to list view and hover over the image it displays the path with the Id number.

Thanks for the great support!

[Friech]

Glad you sorted things out, feel free to get in touch with us regarding any further queries about the X|Theme and Cornerstone.

Cheers!

[Author]

Posts