WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Resize whitespace above image header in twentyeleven? (7 posts)

  1. rosiesyarncellar
    Member
    Posted 2 years ago #

    I am wondering if there is a way to resize the white space where the site title is above the photo header? I've replaced the site title with a logo but the height of the white space is a little out of proportion. Any ideas?

  2. JarretC
    Member
    Posted 2 years ago #

    i would suggest using a child theme ( http://codex.wordpress.org/Child_Themes ) and then modifying your site that way. Once you have the child theme created you can then shorten the space at the top by putting

    $site-title {
         margin: .1em 0 0;
    }

    into the style.css file. You can edit the current twentyeleven style.css file under Appearance->Editor in your dashboard but if you update Twentyeleven in the future you will lose any custom changes you have made.

  3. rosiesyarncellar
    Member
    Posted 2 years ago #

    Thanks Jarret- I already had a child theme created- after looking stuff up on the forums, I learned it was pretty crucial. I used the code you provided although changed the $ to a # and nothing happened. Any ideas?

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    Typo. Try:

    .site-title {
         margin: .1em 0 0;
    }
  5. rosiesyarncellar
    Member
    Posted 2 years ago #

    I tried putting that in my child theme and it's still not working. Any other suggestions?

  6. JarretC
    Member
    Posted 2 years ago #

    Looking at your test site that you linked in your previous post you need to change the

    .site-title {
         margin: .1em 0 0;
    }

    over to

    #site-title {
         margin: 0px;
         padding-top: 0px;
    }

    as the code was changed for how the image is displayed.

  7. rosiesyarncellar
    Member
    Posted 2 years ago #

    That did it! Thanks so much Jarret!

Topic Closed

This topic has been closed to new replies.

About this Topic