Add a level of transparancy to X Background Picture

[detech]

I want to blend my picture with my background color and set a level of opacity to the bg image.

Most likely you guys already shared some CSS in which case my bad for not going off that.
Thanks

[friech]

Hi @detech,

Thank you for writing in, you can apply your overlay color background on the .x-root .x-site so it will overlay to your body background pattern.

e.g.

.x-root .x-site {
	background-color: rgba(255, 0, 0, 0.5);
}

Hope it helps,
Cheers!

[detech]

I don’t think it worked. Perhaps something I did was wrong?

[marc_a]

Hi @detech,

Please update the code given by my colleague to this one.

.x-root {
    background-color: rgba(255, 0, 0, 0.5);
} 

This should be the result:

Hope that helps.

Thank you.