Background Image STILL

ehbedehyeseph · Member · Sep 10, 2009 at 4:42 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
husdal · Member · Sep 10, 2009 at 4:46 pm
Copy link
And the address of the blog is http:// ????
We need that in order to take a look and advise you.
ehbedehyeseph · Member · Sep 10, 2009 at 6:38 pm
Copy link
jpskillz.wordpress.com
raincoaster · Member · Sep 10, 2009 at 9:19 pm
Copy link
http://jpskillz.wordpress.com

That makes it clickable so we can look at it.
raincoaster · Member · Sep 10, 2009 at 9:20 pm
Copy link
You don’t have a background image. How are you trying to insert one?
ehbedehyeseph · Member · Sep 12, 2009 at 1:56 am
Copy link
That’s odd, because I do have one, I just finished viewing it?
raincoaster · Member · Sep 12, 2009 at 2:31 am
Copy link
What does it look like? I only see the regular Kubrick drop shadow.
ehbedehyeseph · Member · Sep 12, 2009 at 5:47 am
Copy link
It’s a picture of a painting and me standing in front of it.
ehbedehyeseph · Member · Sep 12, 2009 at 5:48 am
Copy link
background-repeat: repeat;
background-position: 0 0;
I tried this and it didn’t work either.
thesacredpath · Member · Sep 12, 2009 at 6:09 am
Copy link
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.
ehbedehyeseph · Member · Sep 12, 2009 at 6:31 am
Copy link
Aha! Ok. Let me do that, I’ll let you know when I’m finished.
ehbedehyeseph · Member · Sep 12, 2009 at 6:39 am
Copy link
Ok Husdal, Raincoaster and TSP, I made the necessary change. You should be able to see it now. http://jpskillz.wordpress.com/
thesacredpath · Member · Sep 12, 2009 at 6:42 am
Copy link
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;
thesacredpath · Member · Sep 12, 2009 at 6:46 am
Copy link
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.
thesacredpath · Member · Sep 12, 2009 at 6:50 am
Copy link
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.
thesacredpath · Member · Sep 12, 2009 at 6:51 am
Copy link
By the way, you have a very nice looking blog. Good job on it, and the background image is outstanding.
ehbedehyeseph · Member · Sep 12, 2009 at 8:09 am
Copy link
Thank you…and you guys are really outstanding! I’m gonna go play with this new intel right now! Thanks again, everyone.
thesacredpath · Member · Sep 12, 2009 at 1:59 pm
Copy link
You’re welcome.
raincoaster · Member · Sep 12, 2009 at 5:28 pm
Copy link
Snazzy. And yes, cool blog. Who doesn’t love the Sartorialist?

No items found.