Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 22, 2015 at 5:53 am #54010
    Jan Deelstra
    Member

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

    March 22, 2015 at 10:46 pm #54088
    Sakin
    Keymaster

    @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; }

    March 23, 2015 at 8:22 pm #54151
    tcurran
    Member

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

    March 23, 2015 at 9:57 pm #54163
    Sakin
    Keymaster

    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.

    March 23, 2015 at 10:13 pm #54167
    tcurran
    Member

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

    March 23, 2015 at 10:21 pm #54168
    Sakin
    Keymaster

    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.

    March 23, 2015 at 10:29 pm #54171
    tcurran
    Member

    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

    March 24, 2015 at 12:12 am #54179
    Jan Deelstra
    Member

    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.

    March 24, 2015 at 12:17 am #54180
    Jan Deelstra
    Member

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

    March 24, 2015 at 7:30 am #54208
    Jan Deelstra
    Member

    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/

    March 24, 2015 at 10:44 am #54221
    Sakin
    Keymaster

    @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;
}
    March 24, 2015 at 10:46 am #54222
    Sakin
    Keymaster

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

    March 24, 2015 at 11:48 pm #54261
    Jan Deelstra
    Member

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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Removal of White Space Above Header’ is closed to new replies.