Need to reduce height of header in 2011

  • Author
    Posts
  • #1379068

    youngteresa
    Member

    Could one of you pros guide me in reducing the height of my wordpress.com blog’s new header image? I just need the right CCS code. Thanks for taking a look…

    The blog I need help with is teresayoung.com.

    #1379167

    youngteresa
    Member

    And to be more accurate, I want to reduce the white space above the header, so the search field shows up within my header image.

    #1379173

    justpi
    Member

    First go to Settings > General and add a title for your blog, because having no title is bad for search engines.
    Then add this in the CSS editor:

    #site-title, #site-description {
        display: none;
    }

    If I were you I would remove the top border as well:

    #branding {
        border-top: 0 none;
    }

    #1379174

    youngteresa
    Member

    Wonderful, thank you! The only issue now is that the margins have narrowed. Can I get them back to their original full width?

    #1379180

    justpi
    Member

    You’re welcome.

    What margins?

    #1379181

    Do you mean the side margins?

    #1379218

    youngteresa
    Member

    Yes, there are substantial side margins and a small top margin now when I view it using my laptop…

    #1379219

    justpi
    Member

    I suppose you are referring to the grey bg area. The theme has a fixed maximum width, and it’s centered in relation to the browser window, so how much of the grey bg left and right you’ll see depends on each computer’s screen resolution.
    And the code I gave you didn’t change anything other than remove the white part and the border above the header image. Compare with the default version of the theme:
    http://twentyelevendemo.wordpress.com/

    #1379221

    youngteresa
    Member

    Got it. So I just never noticed it before, right?

    Thanks so much again for your help. I’m very, very happy with the result, and the fact that I got the help I needed so quickly and expertly!

    #1379226

    justpi
    Member

    You’re welcome! (And yes, you probably hadn’t noticed it.)
    If you don’t like the grey part above the header, you can remove it this way:

    #page {
        margin-top: 0;
    }

    #1379229

    youngteresa
    Member

    I think I’ll leave it alone. And thank you again!

The topic ‘Need to reduce height of header in 2011’ is closed to new replies.