Background image page id

[cfclol 0]

Hi Folks Hope someone can help me figure out a perplexing problem. On my site I have a background image for each page (http://www.design309.co.uk) for example the code used for the "about" page is:

.page-id-102 #maincontent .texture {
	background: url(images/about-bk.jpg) no-repeat;
	background-color:none;
	}

Now the same principle applys to all the pages and works fine with the exception og the "blog" page. I added the same code with the correct page id:

.page-id-224 #maincontent .texture {
	background: url(images/about-bk.jpg) no-repeat;
	background:transparent;
	}

Unfortunately it doesn't work. Any ideas about what the difference is and what code I can use to apply the same effect as the other pages? Many thanks

[catrina 103]

If you're using the same background image for every page, why don't you use Design Control to upload the background image once so that it appears on each page?

[cfclol 0]

I tried that but I have a different background for the home page and this was my "workaround" (which may or may not be dumb...but I stand to be enlightened) :-)

[catrina 103]

Try using this selector instead:

.page-id-224 #dynamic-content #maincontent .texture

[cfclol 0]

No dice I'm afraid Catrina. Just wondering what's different about the blog page?

[cfclol 0]

Anyone else have any ideas? Cheers

[kastelic 6]

The blog page is dynamically generated and as such does not have a page id associated with it. Where did you get the

.page-id-224

from? Notice that there are always helpful selectors in the body tag, like

.home

,

.archive

.,

.blog

, etc. that you can use. I would use:

.blog #maincontent .texture

, that way you will have the same background on every blog page. If you want a different background for when you click on a post, use

.single

[cfclol 0]

Thanks Jimmy. I tried your suggestion and it worked like a charm. many thanks