enlarge header image

• 

  jhanajian2 · Member · Apr 25, 2015 at 8:12 pm

  • Copy link
  • Add topic to favorites

  Hi. I would like to enlarge the header image on my blog. I don’t want to widen it, but only to lengthen it by about 50%. I tried the following css, but it doesn’t do anything.

  #header-image a {
  display: block;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  }

  The theme requires 960px by 270px. I would like to make it 960px by 405px (or something close). Is there a way to do this?

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

• 

  thesacredpath · Member · Apr 25, 2015 at 10:45 pm

  • Copy link

  Hi there, the image is set in #header-image as a background so this is pretty easy to do. Upload your image to your media library at Media > Add New and then add the following CSS and replace URL_OF_IMAGE between the quote marks with the URL your larger uploaded image.

  #header-image {
      background: url("URL_OF_IMAGE") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      height: 405px;
  }

• 

  jhanajian2 · Member · Apr 25, 2015 at 11:29 pm

  • Copy link

  Got it. Perfect. Thank you. :)

• 

  thesacredpath · Member · Apr 25, 2015 at 11:40 pm

  • Copy link

  Awesome, and you are welcome.