Docs

[Thomas]

So what i want is to set a fixed background image which will show through some sections where the background of each section will be transparent. The content within the section will appear over background image. Ive searched through the forums but nothing i try removes the white background on the section.

This is what i’ve done so far:

Set the background image in Customizer.
Set the background color to Transparent in customizer (default)
Inserted a new Section with background color set to Transparent (shows white)
Ive even added CSS to set the body background to transparent but to no avail.
Ive tried selecting the section (.x-section-5 and #x-section-5) and changing the CSS with that but nothing removes the white background. I want to be able to repeat this for 1, maybe 2 sections per page.

I’m using the Ethos stack and my URL is http://www.cwfuels.com
Scroll to the bottom and see the last white section. This is what i want to make transparent. The image i have set is the same image used in the Rev Slider at the top but that will change at a later date.

I’ve read through your guides on transparency but i still cant figure it out.

Please help!

[Joao]

Hi There,

The background of your site is white that is why it shows white.

You can add to Appereance > Customizer > Custom > CSS

.x-main.full {
    background: red !important;
}

And your background will be red than.

Please let us know if you need further help,

Joao

[Thomas]

Thank You.

[Paul R]

You’re welcome! 🙂

[Author]

Posts