Background opacity stuck at 0.3

[WillRezin]

I’m using pro. Integrity stack.

I have the background color set to transparent. I’m using the advanced background settings. I have an image as the bottom layer and a color overlay as the top.

Everything looks fine in the builder. –> see screenshot

When I load the page in my browser and inspect the object I can see this code:

class*="x-bg-layer-lower"] {
opacity: 0.3;

There is a white overlay covering the image. See screenshot

This overlay goes away when I turn on the background paralax option.

site link - https://www.awakentheos.com

I’ve tried changing stacks, I’ve cleared the site cache and browser cache, I’ve removed the background color beneath the image, and I’ve attempted to add code to the object with no luck.

Thanks

[ruenel]

Hello Will,

Thanks for writing in!

[class*="x-bg-layer-lower"] {
    opacity: 0.3;
}

This css block may have been added manually in one of the elements. Please double check your section element settings for it. Would you mind providing us access to your site so that we can check your settings? Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Best Regards.

[WillRezin]

Thank you for the quick reply.

I thought I had searched all the elements. I went back through and found it added to another element, removed it, and it’s working again.

Solved!

Thanks again.

[friech]

You’re more than welcome, glad we could help.

Cheers!