Header for body only works with image location

• 

  hermansmith · Member · Dec 13, 2008 at 8:36 pm

  • Copy link
  • Add topic to favorites

  Hi. I am new to CSS. I put a fading color background to my body and content area on my blog, but I did this by copying the image location and pasting it into the css style sheet.

  However, how do you download this image (fading color) to your computer and then use that location instead of the http:….
  location in the css?

  Sometimes I have clicked onto my blog and instead of seeing the fading color I see nothing but a little box saying where the image was hosted. I want to avoid that.

  I have tried downloading the image and put this into css but it didnt work:

  background-image: url(fading_background_26.png)

  only the location on the web works.

  Am I doing something wrong?

• 

  rosclarke · Member · Dec 13, 2008 at 8:41 pm

  • Copy link

  You can’t link to an image on your hard drive because… no one else’s computer will be able to see it! You can upload the image to WP.com rather than an external site and usually that will be pretty reliable.

• 

  hermansmith · Member · Dec 13, 2008 at 9:05 pm

  • Copy link

  wp.com is wordpress.com? exactly how do I do that? i have never done that before….thanks

• 

  hermansmith · Member · Dec 13, 2008 at 9:11 pm

  • Copy link

  when i pull up my site on ie the image of fading color background doesnt show, only a weird picture showing where i got the link. firefox works fine though. i dont know how to upload to wp.com for a header image…

• 

  rosclarke · Member · Dec 13, 2008 at 9:14 pm

  • Copy link

  Go to your ‘add post’ page and click the ‘insert image’ button. Follow the instructions to upload the image. When the url appears, copy it. You do not need to make the post once the image has been uploaded. Paste that url into your CSS.

• 

  hermansmith · Member · Dec 13, 2008 at 9:24 pm

  • Copy link

  it is back to white again after i went to the add post page.

• 

  rosclarke · Member · Dec 13, 2008 at 9:33 pm

  • Copy link

  What is back to white? Have you uploaded the image?

  How do I upload pictures? [Screencast]

• 

  hermansmith · Member · Dec 13, 2008 at 9:45 pm

  • Copy link

  I uploaded the file for the fading background like you said. Put it in the css and now the content area is all white instead of fading from blue to white. Just white like the css is ignoring what I put in. The file name after I uploaded to wp was fading_background_82.png.

• 

  rosclarke · Member · Dec 13, 2008 at 10:07 pm

  • Copy link

  Can you post the section of code here so I can have a look at it?

• 

  rosclarke · Member · Dec 13, 2008 at 10:12 pm

  • Copy link

  Oh, I wonder if the problem is that you’re not putting the whole url in.

  You should have something like:

  background-image: url("http://yourblogname.wordpress.com/fading_background_26.png")