how to change transparency in the lightbox background?

Site URL: https://www.malcolmdavis.net/

Hi, I am trying to figure out how to change the transparent background in the lightbox to be a solid color without any transparency.

I don't know anything about coding, so if someone can tell me the specific steps to accomplish this that would be much appreciated.

I was already told by customer service that the only way to change the transparency was by editing the coding.  

Many thanks,

Malcolm

On 3/15/2021 at 11:47 AM, Malcolm-89 said:

Site URL: https://www.malcolmdavis.net/

Hi, I am trying to figure out how to change the transparent background in the lightbox to be a solid color without any transparency.

I don't know anything about coding, so if someone can tell me the specific steps to accomplish this that would be much appreciated.

I was already told by customer service that the only way to change the transparency was by editing the coding.  

 

Many thanks,

Malcolm

Hi. Add to Design > Custom CSS

/* Lightbox opacity */
.gallery-lightbox-background {
    opacity: 0.5;
}

Hi, Thanks for answering the question.  I pasted the fallowing code into the Custom CSS and then pressed save.  When I refreshed the website there was not any change in the opacity of the background.  Was there something I missed?

/* Lightbox opacity */
.gallery-lightbox-background {
    opacity: 0.5;
}

On 3/24/2021 at 2:34 AM, Malcolm-89 said:

Hi, Thanks for answering the question.  I pasted the fallowing code into the Custom CSS and then pressed save.  When I refreshed the website there was not any change in the opacity of the background.  Was there something I missed?

/* Lightbox opacity */
.gallery-lightbox-background {
    opacity: 0.5;
}

 

It is code for lightbox background, not page background. Have you tried checking lightbox background yet?

Hi, yes that is what I meant. the lightbox background behind the picture being viewed did not change.  I am pasting a picture of it here.  As you can see the thumbnail pictures are still visible in the background.  I want a solid background so the thumnails are not visible in the background.

Thanks again

In that case, you can adjust the code in the other direction!

/* Lightbox opacity */
.gallery-lightbox-background {
    opacity: 1.0;
}

Hope that helps!

Thanks ClaraB,

 I pasted in the new custom code and pressed save.  It did not make any change to the transparency in the lightbox of the project folders.  I do see that the lightbox in the portfolio is non transparent.  How can I make this change for the Lightbox in the projects folders?

Thanks! This code worked for me!

To help anyone out in the future, if you want to adjust the opacity you adjust the number in the code:

1.0 = 100% opacity (no transparency)
.5 = 50% opacity
.25 = 25% opacity
.0 = completely translucent

Hope that helps!