Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Twenty-eleven space above header size of header

  1. greyhound2
    Member

    I read in one of the forums (http://en.forums.wordpress.com/topic/twenty-eleven-space-above-menu-bar?replies=12) that the room for the header in twenty eleven can be adjusted.
    Is it possible to get rid of some of the space above the header to start with, leaving the header the way it is, and then go back and reduce the size allotted for the header later?
    If so, how can I reduce the space above the header, and maybe the size of the menu bar as well (although I don't know if I'll know where to put the CSS even if someone gives it to me).
    Sorry if this info is somewhere I'm not seeing. Thank you in advance. http://sausdteachers.wordpress.com

    The blog I need help with is greyhound2.wordpress.com.

  2. thesacredpath
    Member

    Both of those things are possible with CSS.

    To tighten up the spacing, you would add the following and then adjust the value (this is the original value. (I know they've used a really odd value. You can try 1 or 1.5 or 2 and see what you think.

    #site-title {
margin-bottom: 3.65625em;
}

    To try this out, go to appearance > custom design, click on the CSS tab, delete all the informational text from the CSS edit area and add copy and paste the above code and adjust the value and then click the preview button. If you need to make further adjustments, just go back to the CSS edit page, change it and then again hit the preview button.

  3. thesacredpath
    Member

    Due to the way that twenty eleven is designed, changing the header size is a little more difficult, but it can be done. It just takes a little more code.

  4. greyhound2
    Member

    Thank you. That does give me more space between the title and the tagline, but I don't want to change that. I just want less space between the tagline and the header image. (Sorry if I wasn't very clear).

    I also tried
    #site-tagline {margin-bottom: 2em;}
    and
    #site-header {margin-top: 2;}
    and
    #site-tag {margin-top: 2;}

  5. thesacredpath
    Member

    I'm sorry, I put in the wrong selector. Use this and adjust the value.

    #site-description {
margin-bottom: 3.65625em;
}

  6. greyhound2
    Member

    Thank you! (very, very much)

  7. thesacredpath
    Member

    You are welcome and sorry about my D'oh! moment there using the wrong selector.

  8. greyhound2
    Member

    Certainly no need to apologize. It's not like I spent hours trying to figure out if I could adapt what you gave me (more like two minutes). I am very appreciative of your help, without which who knows when I would have figured it out.

    Are you, by chance, a bit of a perfectionist who holds himself to absurdly, and sometimes inhumanly high standards? If so, I can relate.

    Again, thank you very much. You really are performing a major service. Do you guys really volunteer all these hours to answer these questions? It's like you're on a mission. Truly amazing.

  9. thesacredpath
    Member

    Well, I don't beat myself up when I mess up. I try to learn as I go along and it aways seems there is another lesson just around the corner. I do get a little peeved at myself when I get in a hurry and make mistakes that if I would have just slowed down a little I would not have made.

    You are very welcome, and yes, the bulk of us here in the forums are volunteers. There has to be some good karma in there somewhere. :-)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags