Customizable Lightbox Plugin

Support
#1

Hi there

I would like to implement a stylish, modern lightbox in X-Theme for my Photo Gallery. I tryed Envira Gallery and also Responsive Lightbox & Gallery from dFactory but they both not seem to be easy to customize like fontsize for title and subtitle for Images, background-colors, transitions etc.

Do you have any advice, which Plugin works best with X-theme / Cornerstone and is customizable, so it Looks like the rest of my page?

Thank you very much for your help.

#2

Hi There,

There is no such official recommendation for this type of third party plugins you can try searching wordpress plugin directory.
Here I got one it may help you.

Thanks

#3

Hi basanta

Thank you very much for the link. I will try this one too…

I thought, because the Envira Plugin Comes withe X-Theme, you can tell me if this Lightbox is customizable to the look of my page.

Thanks!

#4

Hello Felix,

Thanks for updating the thread. :slight_smile:

You can customize the Font Size for title and subtitles, background colors using CSS. For ex, you can try following CSS under X > Theme Options > CSS:

.envira-gallery-wrap .envira-album-title {
    font-size: 20px;
}
.envirabox-bg {
    background-color: #ddd;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#5

Hi Prasant

Thanks for the CSS and the links! As I noticed, all of the cool add ons of Envira Gallery are only in the Pro Version so I purchased the Envira Pro Gallery.

To activate the license there should be a field to enter the license code at the settings screen of Envire Plugin:

But maybe because Envira is part of X-Theme I don’t have this field. Can you give me some advice, how to activate the license for Envira Pro.

Thanks again!

#6

Hi Felix,

thanks again for asking!

You can uninstall the theme version of the Envira Gallery and delete it from your setup and reinstall the pro version that you purchased. That will give you the option to activate the license and extra feature.

Hope this helps!

#7

Hi basanta

Unfortunately not. I have aldeady tried to reinstall the downloadet ZIP File which is a newer Version but I still have no optioin to enter the license key. Any ideas?

Thank you very much!

#8

Hi Felix,

In that case, can you please temporarily switch to another theme (perhaps default WordPress theme) and see if you can validate your plugin.

If you’re still having issues, you need to disable your other 3rd party plugins and see if you can validate your license. There should be a conflict with one of your plugins.

Let us know how it goes.
Thanks!

#9

Hi mldarshana

Thank you very much for your advice. I got the message from the Support Team of Envira Gallery that X-Theme actually hides the license key field with CSS. After i gave them access to my Wordpress Project, the could activate the license key. So all the add-ons are available for me now :slight_smile:

Thanks again for your help.

#10

You are most welcome. :slight_smile:

#11

Hi Prasant

The CSS you gave ma earlier has no effect on my envira gallery. I don’t have a album gallery, I just want to change the font size of the image title, also the font family just for the image title.

Further I would like to change the color and opacity of the background in the lighbox so it is 100% white.

In the envira lightbox is only the title of the image shown, but not the caption subtitle. is there a option to show both of the descriptions underneath the image in center position?

Thank you very much for your help!

#12

Hi There,

Unfortunately, you can show only title or caption:

Please try adding this custom CSS under Theme Options > CSS:

.envirabox-caption {
     font-size: 28px !important;
}
.envirabox-is-open .envirabox-bg {
     opacity: 1 !important;
     background-color: #fff !important;
}

Hope it helps :slight_smile:

#13

Hi thai

Thanks for your reply. Unfortunately the CSS has no effect at all.

I work with the “light” lightbox theme from Envira Gallery Pro so the background of the lightbox is already white but i want it to be 100 white (no transparency)

Thank you again.

#14

Hi There,

Please provide us with your page URL contains the Envira Gallery so we can take a closer look.

Many thanks.

#16

Hey Felix,

Before I answer your question, I’d first like to clarify that providing custom code is outside the scope of our support. The custom code given here was only a guide. I’ll show you how to achieve what you need but this is the farthest we could go for this case. If you have further requests, please contact the Envira Gallery Pro support.

I see that your lightbox’s background is already solid white. Please watch my screencast in the secure note showing what I saw.

The correct CSS for the caption that I’ve shown in the screencast is this:

.envirabox-theme-base_light .envirabox-caption-wrap {
    font-size: 25px
}

Hope that helps and thank you for understanding.

#17

Hi Christian

Yes of course, I understand. Thank you very much for always helping me and for your great support!

#18

You’re welcome!

#19

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.