How to get a header image after editing CSS

• 

  brittanyraebaker · Member · Nov 17, 2009 at 6:02 am

  • Copy link
  • Add topic to favorites

  I have an image to use for the header but the custom header feature won’t work with edited CSS and I can’t figure out how to do it in the actual code. Please help!

  [email address removed by staff]

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

• 

  raincoaster · Member · Nov 17, 2009 at 6:11 am

  • Copy link

  Don’t EVER post your email in the forum. Nobody here will email you, but dozens of spammers will.

  Also: you have to edit the CSS code and put the URL of your uploaded image in the appropriate place in your header code.

• 

  brittanyraebaker · Member · Nov 17, 2009 at 6:17 am

  • Copy link

  Oh no. I tried that but I guess I’m just doing it wrong, because it didn’t work.

• 

  thesacredpath · Member · Nov 17, 2009 at 6:18 am

  • Copy link

  Add the following to #header

  background: #FFFFFF url(http://brittanyraebaker.files.wordpress.com/2009/11/cropped-header7.jpg) no-repeat scroll 0 0;

  Also, never paste the entire CSS stylesheet into the CSS edit window because it will break all the relative links in the CSS and cause issues. If you paste the entire stylesheet into the edit window, you have to make sure that “start from scratch…” is selected.

  Read this by a true CSS guru: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/ .

• 

  thesacredpath · Member · Nov 17, 2009 at 6:20 am

  • Copy link

  Actually get rid of the background declaration you have there now and replace it with the above.

• 

  brittanyraebaker · Member · Nov 17, 2009 at 6:22 am

  • Copy link

  Woah! It worked. How’d you know that was the image I was trying to use. Your a wizard.

• 

  thesacredpath · Member · Nov 17, 2009 at 6:27 am

  • Copy link

  You’re welcome. I could see it using the Firebug add-on for Firefox. If you are going to be doing CSS work, you should download and install it and get familiar with it. I also use the web developer’s toolkit add-on as well, but it has a little steeper learning curve.

• 

  solidgoldcreativity · Member · Nov 18, 2009 at 11:16 pm

  • Copy link

  Wow! Sacred path, could you help me too? I adjusted page width for K2 theme from 780px to 850px; now my header image is narrower than the page width. Have tried re-uploading the image, but no dice. Many thanks.

• 

  timethief · Member · Nov 19, 2009 at 4:53 am

  • Copy link

  @solidgoldcreativity
  You will need to post the complete url url for your wordpres.COM blog starting with http://

• 

  thesacredpath · Member · Nov 19, 2009 at 5:02 am

  • Copy link

  solidgold posted this in a new thread and I’ve helped here there.

• 

  robstenanything · Member · Dec 23, 2009 at 3:05 am

  • Copy link

  So I tried the usual upload header image, and it never shows the image I uploaded though the page said :

  ================
  Header complete!

  Visit your site and you should see the new header now.

  ================

• 

  raincoaster · Member · Dec 23, 2009 at 3:08 am

  • Copy link

  Do you have the paid CSS upgrade? If so, you cannot use the header uploader any more. You must follow the instructions above.