Customizing header size

• 

  dreamsresidewithin · Member · May 23, 2012 at 5:50 am

  • Copy link
  • Add topic to favorites

  I am trying to change the size of the header image on my blog. The current theme I am using only allows for 690px by 185px. My header is much bigger in height. Can anyone help me with the CSS coding for this problem? With my research I came up with the following:

  }
  #header-image {
  height: 350px;
  margin: -40px auto 60px;
  width: 690px;

  Please?! I am desperate!

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

• 

  thesacredpath · Member · May 23, 2012 at 5:59 am

  • Copy link

  Delete the code you have and use the following.

  #header {
  background: url("URL OF HEADER IMAGE") no-repeat scroll 0 0 transparent !important;
  height: 350px;
  }

  You cannot use the header uploader after you change the side of a header via CSS. You then have to put the header image declaration directly into the CSS. Upload your image to the media library, get the URL of that image and then replace URL OF HEADER IMAGE in the background declaration above (between the quote marks).

• 

  dreamsresidewithin · Member · May 23, 2012 at 5:41 pm

  • Copy link

  Thank you very much for your advice! It was very helpful!

• 

  thesacredpath · Member · May 23, 2012 at 6:17 pm

  • Copy link

  You are welcome.