I am trying to remove the bit of background in the header and masthead where I uploaded the logo.
I am using the premium version of the Vantage theme. Here is my custom CSS.
#page-wrapper { border: 10px solid #333; padding-bottom: 50px; } #colophon { margin-bottom: 0; } /* Header */ .main-navigation ul { text-align: center; } .main-navigation ul li { display: inline-block; float: none; } /* Full header logo */ header#masthead { padding: 0 !important; } header#masthead hgroup { padding: 0 !important; } header#masthead hgroup .logo img { width: 1080px; } .main-navigation { margin: 0 !important; } body.responsive header#masthead hgroup .support-text, body.responsive header#masthead hgroup #header-sidebar { display: none !important; }
Hi Steve
Try adding:
That didn’t fix it.
I made a mistake in my original copying of my custom CSS; that padding-bottom and full header logo was me testing if that would solve it. Here is the actual Custom CSS (along with your suggestion) I am using on thecleaninggirlinc.com
Sorry, I’m not really following what’s happening now. Are you adding the background as an image directly into the theme source code?
I wanted the background to stay in the back. I had a transparent logo to place on a white masthead, but part of the background kept peeking through the masthead.
I ended up adding white in the middle of the original background image to make it look like the bubbles are bordering the content page.
There’s really not any code because I just replaced the background image but the site looks like this now:
http://www.thecleaninggirlinc.com/
Thanks for the additional info. Glad to hear you found a solution that works.