Title: Decrease Overlay Opacity of Lightbox Background
Last modified: August 10, 2025

---

# Decrease Overlay Opacity of Lightbox Background

 *  Resolved [Mike Hindle](https://wordpress.org/support/users/mikehindle/)
 * (@mikehindle)
 * [1 year, 1 month ago](https://wordpress.org/support/topic/decrease-overlay-opacity-of-lightbox-background/)
 * Hi there.
 * I’m just wondering if there’s a way to decrease the opacity of the lightbox background,
   so that the page behind it is less visible?
 * Mike.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdecrease-overlay-opacity-of-lightbox-background%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Bonn](https://wordpress.org/support/users/bonnstellar/)
 * (@bonnstellar)
 * [1 year, 1 month ago](https://wordpress.org/support/topic/decrease-overlay-opacity-of-lightbox-background/#post-18593719)
 * Hi [@mikehindle](https://wordpress.org/support/users/mikehindle/)
 * Glad you reached out!
 * There is no built-in option to change the opacity of the lightbox background,
   but you can achieve this by adding custom CSS:
   [https://www.kadencewp.com/help-center/docs/kadence-theme/how-do-i-add-custom-css/](https://www.kadencewp.com/help-center/docs/kadence-theme/how-do-i-add-custom-css/)
 * Here’s the CSS:
 *     ```wp-block-code
       .goverlay {   opacity: .4;}
       ```
   
 * Just change the value to your liking.
 * ​I hope this helps, and let us know if we can assist you further.
 *  Thread Starter [Mike Hindle](https://wordpress.org/support/users/mikehindle/)
 * (@mikehindle)
 * [1 year, 1 month ago](https://wordpress.org/support/topic/decrease-overlay-opacity-of-lightbox-background/#post-18594200)
 * Hey Bonn. That’s amazing. Thank you for the quick response.
 * Much appreciated.
 * Mike.
 *  Plugin Support [michael-levelup](https://wordpress.org/support/users/michaeltarongoy/)
 * (@michaeltarongoy)
 * [1 year, 1 month ago](https://wordpress.org/support/topic/decrease-overlay-opacity-of-lightbox-background/#post-18596131)
 * Hi Mike,
 * On behalf of Bonn, you are welcome.
 * If you have further questions or need additional assistance, feel free to start
   a new topic or refer to our Kadence Help Center here: [https://www.kadencewp.com/help-center](https://www.kadencewp.com/help-center)
 * Please note that you can also submit a support ticket via these channels.
    - FREE Users: [https://www.kadencewp.com/free-support-tickets/](https://www.kadencewp.com/free-support-tickets/)
    - Premium Users: [https://www.kadencewp.com/premium-support-tickets/](https://www.kadencewp.com/premium-support-tickets/)
 * Thank you for your understanding!
    Kind Regards,Michael Taro

Viewing 3 replies - 1 through 3 (of 3 total)

 The topic ‘Decrease Overlay Opacity of Lightbox Background’ is closed to new replies.

 * ![](https://ps.w.org/kadence-blocks/assets/icon-256x256.png?rev=3178382)
 * [Kadence Blocks — Page Builder Toolkit for Gutenberg Editor](https://wordpress.org/plugins/kadence-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/kadence-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/kadence-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/kadence-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/kadence-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/kadence-blocks/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [michael-levelup](https://wordpress.org/support/users/michaeltarongoy/)
 * Last activity: [1 year, 1 month ago](https://wordpress.org/support/topic/decrease-overlay-opacity-of-lightbox-background/#post-18596131)
 * Status: resolved