widening the header image, container, etc. (mistylook)

• 

  erinmidwife · Member · Jul 17, 2010 at 6:17 am

  • Copy link
  • Add topic to favorites

  I am playing around with widening the general page on my MistyLook blog, and have managed to figure a few things out…But I can’t seem to figure out how to get the header image to widen. I tried simply editing the width (and then height) with no success. Any thoughts?

  Thanks!

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

• 

  thesacredpath · Member · Jul 17, 2010 at 7:05 am

  • Copy link

  When you widen a theme, you can’t use the custom header uploader because it will always upload/crop the image to the original size.

  You have to upload the new bigger image to your media library, get the URL of that image, and then put it into the correct selector and declaration in the CSS. In this case, that would be #headerimage background. Also change the width in that selector to 860px so that it will align properly, and make your image 840px.

• 

  erinmidwife · Member · Jul 18, 2010 at 3:52 am

  • Copy link

  You are always so helpful! Why are you so helpful?

  This is the URL of the image I want to use: http://erinellismidwife.files.wordpress.com/2010/07/cropped-yellowegg8604.jpg

  And this is the current CSS:
  #headerimage {
  width:880px;
  margin:10px;
  }

  Would I just add
  background:http://erinellismidwife.files.wordpress.com/2010/07/cropped-yellowegg8604.jpg

  My container is 880 and my navigation is 860.

  Thanks!

• 

  erinmidwife · Member · Jul 18, 2010 at 4:00 am

  • Copy link

  Looks like I got it! Thanks! Now for the sidebars!

• 

  thesacredpath · Member · Jul 18, 2010 at 6:15 am

  • Copy link

  Yes, you got it. Congrats!

• 

  erinmidwife · Member · Jul 21, 2010 at 8:14 pm

  • Copy link

  Thanks for all your help! But you did not share why you are so helpful. I think you have responded to almost all of my posts here!