How do I increase the lightbox background opacity?

[Hiro]

Does anyone know how I can increase the lightbox photo background opacity? The default setting is too transparent and I’d like the background to be a lot darker.

[Laura]

Hello, can you link me to your site? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Hiro]

This reply has been set as private.

[Laura]

Hello, add this so style.css in child theme, you can change the opacity, i set it to 0.9, 1 is too much dark but you can choose the number you want, i suggest around 0.8 – 0.99

COPY CODE

.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #020202;
opacity: 0.9 !important;
filter: alpha(opacity=80);
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Hiro]

Thanks Laura, that’s exactly what I wanted. You’re an angel.

[5high-photohub]

Hi Laura,

This is exactly what I’d like too… but not sure why but the above doesn’t seem to be working for me at all! I’ve even tried it with;

COPY CODE

opacity: 0.99 !important;
filter: alpha(opacity=99);

and still not change – any ideas? Or have some selectors changed in the recent update?

Thanks.

[5high-photohub]

Just found another thread similar to this with this code:

COPY CODE

.mfp-bg {
  background-color: rgba(0,0,0,0.9) !important;
}

but again no change.

[5high-photohub]

Thought it might be useful for you to have admin login details, but if so I’d prefer to start a new thread as when others have posted private replies on a thread that I’ve started i actually got all of their private info by email!

[Laura]

Hello 5high-photohub, okay, see you in the new thread 🙂
Hiro, glad it worked!

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts