Background Image Overlay Darkness

Hello,

I would like to know if there’s a way to lighten the darkness of the overlay on images across the entire site. Please see attached image for details.

Thanks!

Hi There,

Thank you for writing in, navigate to Theme Options > CSS and look for this block.

.x-bnb-bg-overlay:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background-color: rgba(0, 0, 0, 0.75);
}

That last value 0.75 is the opacity of the black overlay, reduce that and you’ll lighten the bg-image.

Hope that helps,
Cheers!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.