Reduce the hight of the header image on Triton lite theme

• 

  sigmapersei · Member · Mar 2, 2014 at 6:00 pm

  • Copy link
  • Add topic to favorites

  Hello, i would like to know what css code is used for reduce the header image size in hight, because the title is too far from the top and too far from the first pictures below! (the size is blocked on 960×270 pixels, and i would like something like 960x135px)

  thanks!!

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

• 

  hfzrhmn · Member · Mar 2, 2014 at 11:16 pm

  • Copy link

  Hi,

  To change the header image area’s height, the CSS is quite simple:

  #header-image {
  	height: 135px !important;
  }

  However, the theme will likely not allow you to upload a 960x135px image. So you will still have to upload a 960×270 pixels banner image, but make sure everything you want to show (site title and tagline in this case) show up correctly on the first 135px height. Otherwise it will be cut off by the new CSS.

• 

  sigmapersei · Member · Mar 3, 2014 at 8:36 am

  • Copy link

  thank you so much, it worked perfectly!!

• 

  hfzrhmn · Member · Mar 3, 2014 at 12:44 pm

  • Copy link

  You’re welcome!