[SOLVED] Different backgrounds for single pages

Innocent · #1 Jan 21, 2011, 03:29 PM

Hi!

Well, I tried to add this css into my ATO:

Code:

body.page-id-345 {
background: url(http://kteis.com/wp-content/uploads/2011/01/shop-background.png) no-repeat scroll center top transparent; margin: 0px auto;
background: #000000;
}

but nothing is showing

Innocent · #2 Jan 21, 2011, 05:24 PM

Update:

Now they appeared, but only in two (of four) pages.

juggledad · #3 Jan 21, 2011, 09:30 PM

Your CSS only deals with one page

Innocent · #4 Jan 22, 2011, 04:46 AM

Yes, I added four different CSS I just put that as an example since all are the same and only page id differs

Update:
Today situation is the same, only two pages show background (I checked in Firefox and Chrome).
And IE shows them all. Weird.

juggledad · #5 Jan 22, 2011, 04:56 AM

what is the url?

Innocent · #6 Jan 22, 2011, 05:40 AM

Although IE shows background it also shows some really nasty distortions especially in blog

I will try putting JPG instead of PNG for images, maybe that'll work.
I noticed that when I create PNG buttons they don't show in Firefox and Chrome.

juggledad · #7 Jan 22, 2011, 06:11 AM

for the landing page (your page 'Blog') you need 'body.blog'. Also this selector 'body.page-id-345,408 {' is invalid - 408 is not a class. Change it to

HTML Code:

body.page-id-345,
body.page-id-408 {

Innocent · #8 Jan 22, 2011, 06:20 AM

Oh, thanks a lot, I found the part of the problem, too.
There were also two backgrounds, I had to change them to background-color and background.