Make header image smaller

  • Author
  • #1100752

    Hi, How do shorten the height of my header image….it’s currently taking up a big chunk of the page. I have been trying to figure out what to change or add to the custom CSS for the Twenty Ten theme….but I can’t figure it out. Any help would be so much appreciated!


    The blog I need help with is



    Hey there! The easiest way would be to edit the image you’re using as a Header Image. Have it sized 940 × 198 pixels but make the logo you’d like to use smaller.

    You can also try to change the width and height of the header image with Custom CSS, like this:

    #branding img {
    width: 50%;
    height: 50%;

    However, note, that that will change the size on all the pages, not only the home page. If you’d like to target the home page only, you can use a slightly different CSS selector:

    .home #branding {
    width: 50%;
    height: 50%;

    Hope that helps!



    Did the last Answer help you Katie? I do have a few simple methods that perhaps may work for you ?


The topic ‘Make header image smaller’ is closed to new replies.