Changing Header image

• 

  luciabellephotography · Member · May 29, 2010 at 2:16 am

  • Copy link
  • Add topic to favorites

  I have replaced this original CSS below. The only difference is the link to the image I uploaded into media. When I preview or save it, the header portion is all white and it should be a design….I’m drawing a blank as to why!!!

  Thanks for any possible help in this!

  ORIGINAL

  #header {
  background-image:url(images/top.gif);
  background-position:top;
  background-repeat:repeat-x;
  height:145px;
  margin:0;
  padding:0;
  }

  NEW

  #header {
  background-image:url(images/background1.gif);
  background-position:top;
  background-repeat:repeat-x;
  height:145px;
  margin:0;
  padding:0;
  }

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

• 

  devblog · Member · May 29, 2010 at 2:28 am

  • Copy link

  first, you don’t need to redefine everything. Since you’re not changing other properties, this should suffice:

  #header {background-image: url(URL-OF-YOUR-IMAGE);

  Second, the path you’ve defined, is wrong. That’s a relative URL and the way you’re using it is as you would with a regular website, not a blog hosted at wordpress.com.

  If you’ve uploaded your image to your wordpress.com account, you need to use absolute URLs. It should look something like:

  http://luciabellephotography.files.wordpress.com/2010/05/background1.gif

  If you’re hosting the image on your website’s server, you need absolute URLs as well. It should look like this:

  http://www.luciabellephotography.com/images/background1.gif

  Since I’m assuming you’ve bought the CSS upgrade, I would recommend you reading this:

  http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

• 

  luciabellephotography · Member · May 29, 2010 at 2:34 am

  • Copy link

  thanks devblog…working much better now and reference material made alot of sense!

  appreciate the help