Support » Themes and Templates » Reducing Header Image Height

  • Hi, I am trying to reduce the header image height on my site The image of the sun rising over the earth takes up too much vertical space. I’ve searched the forums to figure this out and am stuck. I am using the Twenty Eleven template and want to shrink the image height in half. I’ve looked in function.php and tried adjusting image height from auto to 160px and no luck. I’ve looked in style.css and tried to make same change to header size and no luck. I’ve used an image editor to adjust image to 1000px by 160px and WP forces cropping when I upload. I’ve tried the tool kameleoon to use a gui tool to resize it an no luck. I am not very basic in HTML and would really love some help.
    Thank you very much for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi – I hope you are using a child theme, if not do a search on WordPress to find out how to do one!

    On your child theme style sheet try this:

    #branding img {
        height: 160px;
        margin-bottom: -7px;
        width: 100%;

    Also – if you are using Firefox I highly recommend installing FireBug – it helps you to isolate the CSS that you want to change!

    I am by no means a CSS expert – but I hope this helps.

    Thank you very much, I’ll give it a try and let you know how it goes:)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Reducing Header Image Height’ is closed to new replies.