Background Image STILL

  • Author
    Posts
  • #399885

    jpskillz
    Member

    How do I get my background image to stay still and no repeat? I only want the blog to scroll down, not the image. Can this be done?

    The blog I need help with is jpskillz.wordpress.com.

    #399995

    husdal
    Member

    And the address of the blog is http:// ????
    We need that in order to take a look and advise you.

    #400017

    jpskillz
    Member

    jpskillz.wordpress.com

    #400031

    raincoaster
    Member

    http://jpskillz.wordpress.com

    That makes it clickable so we can look at it.

    #400032

    raincoaster
    Member

    You don’t have a background image. How are you trying to insert one?

    #400219

    jpskillz
    Member

    That’s odd, because I do have one, I just finished viewing it?

    #400220

    raincoaster
    Member

    What does it look like? I only see the regular Kubrick drop shadow.

    #400231

    jpskillz
    Member

    It’s a picture of a painting and me standing in front of it.

    #400232

    jpskillz
    Member

    background-repeat: repeat;
    background-position: 0 0;
    I tried this and it didn’t work either.

    #400233

    I’m seeing no background at all at http://jpskillz.wordpress.com/ , and the reason no one can see it is the URL for the image is from within your gmail account. You can see it because it is your account, but since no one else can log into your gmail account, we cannot see it.

    You need to upload the image here to your media library and then put the URL of the uploaded image into the CSS.

    #400234

    jpskillz
    Member

    Aha! Ok. Let me do that, I’ll let you know when I’m finished.

    #400235

    jpskillz
    Member

    Ok Husdal, Raincoaster and TSP, I made the necessary change. You should be able to see it now. http://jpskillz.wordpress.com/

    #400236

    OK, on the background declaration change repeat to no-repeat, and change scroll to fixed as below:

    background:#FFFFFF url(http://jpskillz.files.wordpress.com/2009/09/jpskillzblogbackground.jpg) no-repeat fixed 0 0;

    #400237

    You might also want to play with the x and y position settings for the image to move it around so that you are to the left a little more. Try the below:

    background:#FFFFFF url(http://jpskillz.files.wordpress.com/2009/09/jpskillzblogbackground.jpg) no-repeat fixed -200px 0;

    You can also play with the second “0” which adjusts the y (vertical) position.

    #400238

    OK one last thing. I sampled one of the blues in the painting and the hexadecimal color code is #5C8C96. Replace the #FFFFFF with that and then if your background image does not load for some unknown reason, the background color will be similar and not the stark white.

    #400239

    By the way, you have a very nice looking blog. Good job on it, and the background image is outstanding.

    #400240

    jpskillz
    Member

    Thank you…and you guys are really outstanding! I’m gonna go play with this new intel right now! Thanks again, everyone.

    #400241

    You’re welcome.

    #400247

    raincoaster
    Member

    Snazzy. And yes, cool blog. Who doesn’t love the Sartorialist?

The topic ‘Background Image STILL’ is closed to new replies.