Background image for one specific page

[cefisher 0]

Hello, How do I set a background image for one specific page? I have a background image that is site-wide, specified in design control. BUT I want to have one page "a landing page" with a different background image. Please help Thanks

[catrina 103]

This plugin might be useful: http://wordpress.org/extend/plugins/custom-post-background/ It lets you select different backgrounds for different pages and posts.

[cefisher 0]

Thank you for the suggestion. I installed the plugin, read the documentation but unfortunately the plugin does not work. I read online where several others were complaining that the plugin does not work. What should I try next?

[Simon 248]

The page in question will have its own body class, like page-id-974 So target the specific page like: `body .page-id-974 { your css }`

[cefisher 0]

Ok great. How do I find the page id?

[toddatkins 1]

@pross: I am trying to do the same thing, my homepage (landing page) is the one I need to have a different background (background-special.jpg), all the rest of my pages are the regular background (background-regular.jpg), so would I set background-regular.jpg as my Site Background Image in Design Control, and then do the code in Custom Code as:

	body .page-id-xxx {
	background: background-special.jpg
	 }
	

Or something like that? Would you give like the full code required? And can I add it in the Custom Code section or do I have to use the editor? And how would we find the page-id? Thanks in advance for your help!

[toddatkins 1]

Still trying to get this to work. I've gotten close with this code:

.page-id-14 {
	background-image: url('/wp-content/uploads/2011/03/headerbg3.jpg');
	}

but, it sticks that background image in the footer!! and the regular background up top in the header area stays the same. God this is frustrating. I'm not good with css.

[toddatkins 1]

Actually, here is what works. @pross, I tried your code but it did not work. You have to put the #page in there for this to work, but it works for me:

	.page-id-14 #page {
	background-image: url('/wp-content/uploads/2011/03/headerbg3.jpg');
	background-repeat:repeat-x;
	background-position:left top;
	}
	

[Simon 248]

Glad you got it in the end