Remove all content/element backgrounds

[seaofghosts]

Hello!

I’d like to remove the background colour of the entire page so I can set an image for my background which covers the entire page – behind the content, behind the header, etc.

I actually only want to do this for my home page. In my old theme I used this CSS:

body.page-id-28{
background: url(http://www.website.com/background.jpg) no-repeat center center fixed #000;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

But this will not work on Neighborhood as elements have their own backgrounds. I don’t mind it for the main shop but I’d like a custom background for my home page.

Please advise if there’s a way to set this up in my CSS!

[seaofghosts]

Ok I have set up background images for only my landing page through a neat plugin. But I still need to remove the background colour of my header and main nav.
I tried the following advice from another thread


#header-section {
background: rgba(255,255,255,0.1);
}


but it didn’t work.

I also tried


#header-section {
background: transparent;
}


Which didn’t work.

I just want it to all default onto a white background when not on the landing page, which it already does in the body.
My beautiful model’s face is being cut off and it’s making me sad!

[Melanie – SUPPORT]

Hi!

This sure is possible, but I’m afraid it’s not built into the theme and would have to be modified especially for you. We’d love to help you with this customization but we are only able to provide support for basic theme issues and bug fixes. We do provide support for small customizations but unfortunately this request is beyond that. Please see our general policy and guidelines for more info. You could also hire a developer to help you with your customizations.

Thank you for understanding!
Cheers!

[seaofghosts]

All I’m really asking is for the white background on the header and top nag to be transparent. It’s an issue you specifically have addressed before on another support thread offering the code

#header-section {
background: rgba(255,255,255,0.1);
}

but this code hasn’t worked for me.

So it’s an issue you’ve been prepared to resolve in the past – but that thread never had a response from the OP so it was never actually resolved.

I see you guys offering lots of simple css support for stuff not “built into the theme”, and you’re always so helpful for such basic stuff… to be honest I’m a bit surprised that removing a background colour is too complicated!

[Melanie – SUPPORT]

Kind.
Try

#header-section:before, #mini-header {
background-color: transparent!important;
background: transparent!important;
}

Cheers

[seaofghosts]

THANK YOU!!!!!!! <3

[Melanie – SUPPORT]

You’re welcome 🙂