Playing time 🙂
#content forms the greatest part of the area.
In your css, give #content a
{background-color:#ff0000;}
to see.
So you could use the image there.
The question then becomes where do you want it, will it repeat, will it be fixed or scroll …. that’s the playing.
It’s not that tricky, just fiddly in parts. If you can get the image to display that will help us then determine it’s size and positioning.
As a start:
#content {
background-image: url(‘jester.jpg’) no-repeat left;
}
See what that does ?
Thread Starter
fizure
(@fizure)
Podz, thanks again. Okay, I put this in mallow’s css file and commented the other “content”:
/* images */
#content {
background-image: /wordpress/wp-content/themes/mallow/images/(‘jester.jpg’) no-repeat left;
}
I also tried adding the http://www.satireisdead.com/ part of the path, but my image isn’t appearing in the background. Here’s the actual image, just to prove I did at *least* upload it 😀
http://www.satireisdead.com/wordpress/wp-content/themes/mallow/images/jester.jpg
Hrm, I know I’m just doing some idiotic little thing and that’s what’s preventing the image to appear…
-fizure
What you need is:
#content{
background-image:url('http://www.satireisdead.com/wordpress/wp-content/themes/mallow/images/jester.jpg') no-repeat left;
}
The “url” bit is literal text – don’t replace it with the path to your image.
Thread Starter
fizure
(@fizure)
Damn… I wish I could respond with something better than “I’m a doofus, I tried that too and it doesn’t work…” Alas, I cannot respond with anything else than that. Still no image in the background. Please don’t bludgeon me with a keyboard!
Ah…. part of the problem is colours.
The post div is the largest, but if the small ones within it have a colour, that will obscure any colour / image properties that the post div has (which is how it should work).
So what you need to do is remove any colour from things like storytitle, storycontent (bg colours that is).
First though, make a backup of your css !!
Thread Starter
fizure
(@fizure)
Okay… I’ve now managed successfully to get the image in the background and to have it scroll… but I am haveing trouble using “background-position:” to start the image right on the first post… And the image also doesn’t work in IE and old versions of mozilla… So, I still need some help to fix these things, because I have *no idea* what’s going wrong here… 😀 Again, the website is http://www.satireisdead.com Thanks again!
