[Jan Deelstra]

Can I remove the white gap at the top of the page above the header?

[Sakin]

@Jan Deelstra: Yes, post in your site URL so that I can check in exactly which area are you talking about. For now, you can try adjusting the padding in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:
#header-content { padding: 40px 0; }

[tcurran]

As a follow-up to this – I was hoping to add a background image to this space for my design. Any advice?

[Sakin]

Post in your site URL and let me know where exactly you want to add in background image. You can also send me your image URL. Then I will compile CSS for you.

[tcurran]

Unfortunately I can’t – I’m building a corporate intranet so it’s not accessible from the outside.

[Sakin]

then post in your screenshot and image URL. So, that I can check that image. You can post both image and screenshot in any photo sharing site and post in URL here.

[tcurran]

Sure thing, here you go. The first image shows where I want the banner to be located – in the background behind where the Search box is, and the second image is what I’d like to be the background.

http://i.imgur.com/TKiK71E.png
http://i.imgur.com/vEm7H2J.png

[Jan Deelstra]

http://www.jandeelstra.com/is-this-you/ This page is a good example of what I’m trying to do. Above the purple header is an inch or so of white space. I posted your code in the custom css but the white strip band is still appearing.

[Jan Deelstra]

Or this one: http://www.jandeelstra.com/queens-dozen/
Between the menu and the header that space seems silly and wasteful. 🙂

[Jan Deelstra]

Hmm, I attempted to copy paste the CSS and instead when I paste this is all I get: http://www.jandeelstra.com/ I have double checked to see the size of my headers and they are all around 1600 x 400 px. Still have that unsightly gap above the headers and below the menu bar. Here’s a good example where the delineation is obvious. http://www.jandeelstra.com/theyre-bringing-the-straitjacket-for-me-time-sensitive/

[Sakin]

@tcurran: You need to add in background image like following css. So, it depends on the css.

#header-content {
    background: transparent url(http://i.imgur.com/vEm7H2J.png) no-repeat;
}

[Sakin]

@Jan Deelstra: For your header space, you need to add the following cs sin “Custom CSS” box:
#header-content { padding: 0 ; }

[Jan Deelstra]

That did it Sakin! Thanks for the quick and accurate code!

[Author]

Posts