Change Header Height

• 

  wabbitoid · Member · Feb 21, 2012 at 5:48 pm

  • Copy link
  • Add topic to favorites

  Hello!

  Nishita is a great theme, but the header is a massive 295px tall. I have custom css to change it, but I cannot figure out what the right code is – custom css used to be organized so nicely that it was easy to find.

  Simply changing the height under #header-image is not enough – there has to be a lot more code I need to add. Thanks so much in advance!

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

• 

  designsimply · Member · Feb 21, 2012 at 6:08 pm

  • Copy link

  You’re best bet would be to replace the background image manually. First, you should upload a header image that is 1024 pixels wide to your media library first.

  #header-image a {
  display: block;
  width: 1024px;
  height: 150px;
  background: url(YOUR_IMAGE_URL) no-repeat;
  }
  
  #header-image a img {
  display: none;
  }

  Replace YOUR_IMAGE_URL with the image URL of the file you upload. Replace the height value with the height of your image.

• 

  wabbitoid · Member · Feb 21, 2012 at 6:20 pm

  • Copy link

  Thank you, I’ll give that a try. very prompt and thorough response, thanks!

• 

  designsimply · Member · Feb 21, 2012 at 8:07 pm

  • Copy link

  If you run into any trouble, reply back with your image URL and a link to your blog home page.