Docs

[Eric]

Hi Guys,

I am trying to set the background of the body of the site to transparent and I have tried some of the options I have found in the knowledgebase but they don’t seem to work. I want to use white text on the page background image.

I’ve tried:

.entry-wrap {
background-color: rgba(0, 0, 0, 0.125);
}

}
.page .entry-wrap {
background-color: transparent !important;
}

.site {
background-color: transparent !important;
}

What else can I try?

[Eric]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! You got the right css code though. It was

.site {background-color: transparent !important;}

You can add this under Custom > CSS in the Customizer.

Hope it helps, Cheers!

[Eric]

Thanks!

[Eric]

Ok. Quick question, the background disappears and turns white when going mobile. Does this need to be address with a media query?

[Rupok]

Hi there,

Let’s try adding this as well :

@media only screen and (max-width: 979px) {
.site {background-color: transparent !important;}
}

Or just this :

#top.site {
  background-color: transparent !important;
}

Hope this helps.

[Eric]

Hmm… That didn’t work.

[Eric]

This reply has been marked as private.

[Joao]

Hi Eric,

Please add the following code to Appereance > Customizer > custom > CSS

@media (max-width: 979px) {
.x-main.full {
    background-image: url(//clutch.simplelogicdigital.com/wp-content/uploads/2016/10/clutch-coming-soon-banner.png); */
}
}

Hope it helps

Joao

[Eric]

Hey thanks!
I got it to work.

[Joao]

Glad to hear it,

Joao

[Author]

Posts