I have a background image which shows on all pages. However, I want to make a landing page that doesn't show the background image so the visitor isn't distracted from the action they should take.

Is there any way to stop the background image from showing on one particular page?

Sure create a css selector targeting that page and a CDs rule to not display it

Sounds good. What is the class of the background image? I couldn't find it.

Do I have it straight it would mean adding the following CSS insert:

body.page-id-XX div.[background-image-class] {display: none;}

what's the url?

PM'd you with link to url

body.page page-id-225 {background-image: none;}

Great! Much appreciated.

Only thing is it's not working. And there's a strange anomaly - when I go to the page and "View Source" I see the css rule I added but with the final semi-colon stripped out. So of course the browser ignores it.

As it appears in CSS Inserts:

body.page page-id-225 {background-image: none; }

As it appears in the source code of the page:

body.page page-id-225{background-image:none}

Without the last semi-colon!! What gives?

It must have been a caching problem, because it is now correct.

However, the background image is still showing.

Okay, I got it to work. The css rule needs to be:

body.page-id-225 {background-image: none;}

Oops typo, glad you could dig in and figure it out!

argh! this is driving me nuts. shouldn't this be the correct code to alter the background of an individual page? :

body.page-id-247 {background-color: #ffffff;}

what am i doing wrong!?

http://www.sizzlingexpress.ca/test/

never mind.. i'm just going to use a table

Because you also have a background image you need to use this

body.page-id-247 {
    background: #ffffff none repeat scroll 0 0;
}

aha! thank-you.