WordPress.org

Forums

[resolved] Twenty Eleven - Want Less White Space in Header (15 posts)

  1. lzera
    Member
    Posted 3 years ago #

    I would like to reduce the white space that is in the top of this theme's page (above the header image and above my name/tag line).

    Does anyone know where in the sheets I should change this? I've played around a bit, but nothing I do seems to affect it.

    My site is laurazera.com.

    Thanks in advance!

  2. mr49online
    Member
    Posted 3 years ago #

    Hi lzera,

    Please, open the style.css file of twentyeleven theme.
    File Path: wp-content/themes/twentyeleven/style.css.

    Reduce `padding-top: 3.65625em; in style.css(line 509) up to your requirement.

    #site-title {
    margin-right: 270px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3.65625em;
    }`

    Reduce margin-bottom: 3.65625em; in style.css(line 525) as per your requirement.

    #site-description {
    color: #7A7A7A;
    font-size: 14px;
    margin-bottom: 3.65625em;
    margin-left: 0;
    margin-right: 270px;
    margin-top: 0;
    }

  3. lzera
    Member
    Posted 3 years ago #

    Hi mr49online,

    That worked like a CHARM! Thank you *very* much for helping me nail down which lines I needed to change.

  4. mr49online
    Member
    Posted 3 years ago #

    hmmmmm.... thats good... its my pleasure.... :)

  5. harryzola
    Member
    Posted 3 years ago #

    Thanks, that worked PERFECTLY for me, too!

    Harry Zola [ email redacted ]

  6. theindiansabroad
    Member
    Posted 3 years ago #

    I want to do the same thing, but my style.css does not have same codes as above. Line 509 starts as:
    #site-title {
    margin-right: 270px;
    padding: 3.65625em 0 0;
    }
    I don't have padding-top field.
    Could you assist, am I using a different version? my site is http://www.theindiansabroad.com

    Thanks in advance.

  7. theindiansabroad
    Member
    Posted 3 years ago #

    never mind, I fixed it.. thx.

  8. Nachtwesen
    Member
    Posted 2 years ago #

    never mind, I fixed it.. thx.

    Sad that you did not show what you changed. Some people like me find this thread with google and have the same question.

    Can somebody help out?

    I also just can find:
    #site-title {
    margin-right: 270px;
    padding: 3.65625em 0 0;
    }

    I want to remove the white bar above the header logo but I would also like to remove the small background space on top. I would like to have the logo starting on top and nothing else :)

  9. Genek1
    Member
    Posted 2 years ago #

    I'm a bit confused by this. Should we be making the change to the twenty eleven theme or adding lines to our child theme?

  10. You should never make any changes to Twenty Eleven. All of your modifications should go into a child theme instead.

    http://codex.wordpress.org/Child_Themes

  11. christianjecastle@gmail.com
    Member
    Posted 2 years ago #

    Hi Nachtwesen

    I am very new at WordPress so please do not think i understand code but I saw you were looking for the same thing I was. To reduce the white space I did this for the top:

    originally in child theme:
    #site-title {
    margin-right: 270px;
    padding: 3.65625em 0 0;

    I changed this to:
    #site-title {
    margin-right: 270px;
    padding: 0.65625em 0 0;

    and this for the bottom:

    Original in child theme:
    #site-description {
    color: #7a7a7a;
    font-size: 14px;
    margin: 0 270px 3.65625em 0;

    Changed this to:

    #site-description {
    color: #7a7a7a;
    font-size: 14px;
    margin: 0 270px 0.65625em 0;

    It worked for me but no guarantees for anyone else. It was by trial and error.

  12. Nachtwesen
    Member
    Posted 2 years ago #

    Thank you very much Christian.

    I save the email of this thread so that I can give your code a try next days. Thanks. I just first need to reinstall my Windows because I had problems but then I will look over it and make changes to my website project. Thank you so much for the help :)

  13. Nachtwesen
    Member
    Posted 2 years ago #

    Btw. I am pretty much sure your code will help me out. No need to give guarantees.. I love trial and error and I always have backups of the original code if something goes wrong. Again thanks a lot :)

  14. dankejane
    Member
    Posted 2 years ago #

    I am at a loss. I have done all the above, and yet the big old white spot on the top is still there along with the text. Arrgggg.
    http://www.canadasfoodsecrets.com
    I also cannot get rid of the first "home" button. and page.
    Any ideas?

    I have been using the child css.

  15. Andrew
    Forum moderator
    Posted 2 years ago #

    If you need help and you're not contributing to the original poster, it's best to create your own thread on the issue.

Topic Closed

This topic has been closed to new replies.

About this Topic