Docs

[ansonofficial]

Hi Support,

http://brothersbassin.com/photography/

For this page I’ve been trying to make the ligthbox background color darker when you click open a picture. I have tried this, but it’s not working

.ilightbox-overlay.light {
background: #000;
opacity: 1 !important;
}

Please help,

Anson

[ansonofficial]

This reply has been marked as private.

[John Ezra]

Hi Anson,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.esgbox-overlay {
    background: rgba(0,0,0,1);
}

Just adjust the last number, the alpha channel or transparency. 1 = 100. Hope this helps – thanks!

[ansonofficial]

Hi again,

I stuck it into my customizer (as you can see) and it still doesn’t work.

Please help,

Anson

[Nabeel A]

Hi again,

Please replace the previous code with this one:

.esgbox-overlay-fixed {
    background: black !important;
    opacity: 1 !important;
}

Let us know how this goes!

[ansonofficial]

I tried using it. It makes the background black (as it should) but I can’t control the opacity and when I try to (it’s currently set to .5) everything including the image becomes very see through.

Please help

Anson

[Jade]

Hi Anson,

Please remove the previous code and add this:

.esgbox-overlay-fixed {
    background: rgba(0,0,0,0.9) !important;
}

[Author]

Posts