Need help? Check out our Support site, then


Less White Space Above Header in (customized) Clean Home

  1. Clean home theme, with CSS customization. I figured out how to shrink the vertical size of the header image to size I want (from default 900x200 to 900x120) and how to move navmenu to below header image ... all good. But I still wish I could get the header further up, losing more (maybe half) of that white space up top.

    While I have seen other threads on lessening top-of-page white space, I haven't figured out which one would apply to my situation. (One thread suggested margin-top:0 and padding-top:0 in #wrapper but doesn't seem to make a difference in my case.) So apologies for redundancy (if there is such) and thanks in advance.

    The blog I need help with is brucebarry.net.

  2. This will get rid of some of it. The padding-top gets rid of 18px. You can adjust the -10px placeholder margin-top value I've used to adjust it a little more.

    #logo {
    margin-top: -10px;
    padding-top: 0;
    }

    The main problem is that the header image in the source code is still showing up at 200px in height, not 120px. That is what is causing most of the issue. This is what shows up in the source code:

    <img width="900" height="200" alt="" src="http://brucebarry.files.wordpress.com/2012/06/cropped-header_cleanhome_900x120.jpg">

    Note the 200 height value? This I think is a bug that staff need to look into.

  3. Thank for your helpfuly reply, oh path of sacredness. Yes I see what you mean about height still at 200px in source code, despite the fact that I have a css entry for #header-image a setting the height lower. A bug indeed.

    But on a positive note your css suggestions for #logo (margin-top and padding-top did get rid of as much of it as I would have wanted so bug aside, problem solved!

    Many thanks again.

  4. and now to end the italics properly for everyone's benefit.

    [ UPDATE by Staff: fixed the italics :) ]

  5. You are welcome.

  6. Since you're not using the #logo area, you could get rid of it entirely like this:

    #logo {
    	display: none;
    }

    It will nudge the new header you added up just a bit further.

    I love that you are blogging here at WordPress.com. Welcome! :)

Topic Closed

This topic has been closed to new replies.

About this Topic