Overlay darkness on background image still does not work

[rxrbxr]

Hello, the overlay darkness still does not work even though we upgraded all the latest versions of the X theme and Cornerstone. I have checked all the third parties before and after the upgrade to be completely sure if any of our plugins crushes that feature but the overlay functions do not still work and we are using that feature almost 80% of our pages. It is unlikely to change all of them.

Thank you in advance

[lely]

Hi Jamie,

Unfortunately, I can’t find the exact page you have on your screenshot. To test it, I edited your Outsourcing Services draft page. I have added a new section with background image and overlay darkness. It is working correctly. Please check how I did it and compare to what you have on the page with issues. We can easily set it on V2 section settings using Background Lower Layer and Backgroun Upper Layer options

In case I misunderstood your issue, please share the exact page URL. Thank you.

[rxrbxr]

Hello, Lely,

There are many pages like that, for example; https://pale.blue/solutions/software-solutions/
Is there any shorter solutions for these issues because we using class functions by typing x-bnb-bg-overlay-gray however, those class functions do not work anymore. We began to change some of them regarding your example and then we are facing another problem. We want to give max-width to our row however, we cannot manage it.

Thank you in advance

[ruenel]

Hello Jamie,

I have checked your page and I found that you use an incorrect CSS.
Please have it updated and use this:

.x-bnb-bg-overlay-gray {
    position: relative;
}

.x-bnb-bg-overlay-gray:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -5px;
    right: -5px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.35) !important;
    width: 100%;
    height: 100%;
}

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

We would love to know if this has worked for you. Thank you.

[rxrbxr]

Hello Ruenel,

It began to function properly. Thank you so much.

Have a nice day.

[jade]

Glad to hear it’s sorted, Jamie.