ESS Lightbox background color

[liquidguru]

Hi guys,

I can’t find how to alter the color and opacity of the ESS’s lightbox background.

I have used the code

.esgbox-overlay {
background-image: none !important;
background-color: rgba(36,37,86,0.95) !important;
}

Which was working in the old X, I think. Now it has no effect.

Any idea?

Thanks

[mldarshana]

Hi There,

Thanks for writing in! It seems that you have couple of licenses, if you refer to following page in secure note, I don’t see that class .esgbox-overlay is present on your page. Could you please head over to global settings of essential grid and see if the related settings are enabled. For example, check light box setting.

If that doesn’t help, please provide us with the URL to the specific page that you’re having this issue to check further.

Thanks!

[liquidguru]

Thanks for the reply.

Yes, that’s the page I’m looking at in the Secure Note.

I can’t see any related settings in the Global Settings section.

[Alaa]

Hi @liquidguru

That’s the code you need to control the lightbox background opacity and color:

.esgbox-is-open .esgbox-bg {
    background: rgba(36,37,86,0.95);
    opacity: 1;
}

Thanks.

[liquidguru]

@Alaa

Many thanks. That has worked perfectly.

Cheers

[Prasant]

You are most welcome.