Dark overlay over site background

Support
#1

Hi there, I have a nearly complete site in development here: http://htcbuild.trade using Integrity.

As you can see, I have used a background image of white bricks for the background of the whole site. Is there anyway I can either get rid of or change the dark overlay that covers it? Where would I look to change that or are there a few lines of css you can give me.

Thanks.

#2

Hi @AGLAndy,

Thanks for writing in.

I could see that you have added an overly background color on your column. remove it or change it to transparent so that it will not darken the background.

Hope it helps.

Let us know how it goes.

Thanks.

#3

Hi there, thanks for the response. That’s not the dark overlay I am looking for :wink:

It’s the one over the site background. I have an image set as a pattern for the site bkg which is of white bricks. It has a translucent black overlay over it (see screencap attached). I don’t know if that is part of Integrity or demo I used (Auto) as the basis of this site. The demo had the dark version of Integrity but I changed it to light, so maybe it retained the overlay from that. I can’t find it in the code inspector.

thanks for help, I’ll leave log in in a private reply.

#4

Hi there,

There is a custom CSS added that is causing the black overlay on the background image:

.site:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: -1;
}

You can simply remove this code block so get rid of the background color.

Hope this helps.

#5

Thank you so much Jade, that’s exactly what I needed.

#6

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

Cheers!