Make header image smaller

• 

  nourishedlife360 · Member · Dec 19, 2012 at 3:50 pm

  • Copy link
  • Add topic to favorites

  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!

  Thanks!
  Katie

  The blog I need help with is: (visible only to logged in users)

• 

  kovshenin · Staff · Dec 20, 2012 at 2:45 pm

  • Copy link

  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!

• 

  afreestyler · Member · Jan 7, 2013 at 4:27 am

  • Copy link

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

  Sasha