Support » Themes and Templates » Resize whitespace above image header in twentyeleven?

  • Resolved rosiesyarncellar

    (@rosiesyarncellar)


    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?

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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.

    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?

    esmi

    (@esmi)

    Forum Moderator

    Typo. Try:

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

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

    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.

    That did it! Thanks so much Jarret!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Resize whitespace above image header in twentyeleven?’ is closed to new replies.