WordPress.com Forums » Topic: Need help changing the background image per page.

thesacredpath on "Need help changing the background image per page."

thesacredpath — Thu, 04 Aug 2011 18:30:04 +0000

The other thing is, check in several browsers if you can to make sure they are all picking that up and displaying it correctly. IE in particular can be quite rigid in how it looks at things (which is strange give it is so far from standards compliant to begin with).

thesacredpath on "Need help changing the background image per page."

thesacredpath — Thu, 04 Aug 2011 18:27:44 +0000

You are welcome.

Generally as a normal way of doing things I would suggest always including the body tag. When you go back into things later, you don't have to try and remember that this was the class for body tag on this particular page. With "body" there it is immediately obvious.

andysarles on "Need help changing the background image per page."

andysarles — Thu, 04 Aug 2011 12:58:34 +0000

Thanks so much for the help!

I found that with this particular theme I didn't need to include the "body" tag. So this works perfectly:

.page-id-2 {
background-attachment: scroll;
background-image: url("http://andysarles.files.wordpress.com/2011/07/about_background22.jpg");
background-position: left top;
background-repeat: no-repeat;
}

Thanks again for you help!

thesacredpath on "Need help changing the background image per page."

thesacredpath — Wed, 03 Aug 2011 18:15:54 +0000

Add the following to your custom CSS and then go back to appearance > background and upload the other background that you want on all the other pages. The below sets the image of you as the background for the about page by targeting the specific page ID.

.page-id-2 body {
background-attachment: scroll;
background-image: url("http://andysarles.files.wordpress.com/2011/07/about_background22.jpg");
background-position: left top;
background-repeat: no-repeat;
}

andysarles on "Need help changing the background image per page."

andysarles — Wed, 03 Aug 2011 17:53:23 +0000

I would like to use my current background image (a picture of myself) only on the about page. Then use a different background image for the other pages on my site.

I bought the custom design upgrade, and I have a basic understanding of CSS. However, without having access to the html files, I'm not sure how to go about applying a specific style sheet to a specific page on my site.

Can anyone give me an example of the mark-up I should use to change the background image on the about page only?

Thank you!