different background on each page
-
Is there a way to make the background different for each page on my site? In particular, I’d like to upload a photo for the background of my homepage, without having it show up on my other pages.
The blog I need help with is: (visible only to logged in users)
-
In some themes, this can be done with CSS if you have some CSS editing experience and buy the annually renewable Custom Design upgrade. This isn’t something that can be done in all themes though since not all themes have classes in the markup (XHTML) for different page types.
http://en.support.wordpress.com/custom-design/
http://en.support.wordpress.com/custom-css/ -
Yeah, I have the CSS upgrade and some experience. I’m using a modified Bueno theme. I’ve figured out how to make the background a different color on each page, but I was hoping to upload a different background *photo* for my homepage. Any tips?
-
I’m sorry I don’t help with CSS editing. We have only one regular Volunteer who does and it’s thesacredpath. What I do know is that we cannot edit themes or templates.
-
You will have to upload the images to the media library, get the URL of the image and then specifically target the pages to use different backgrounds images on different pages. If you look at the “body” tag in the source code for each page, you will find a class something like “page-id-2”. You can then write a rule with a background declaration specifically targeting that page. For the main (home) landing page, you can use .home like this:
body.home { background: url("IMAGE URL") repeat scroll 0 0 transparent; }Replace IMAGE URL with the URL of your uploaded image.
-
-
- The topic ‘different background on each page’ is closed to new replies.
WordPress.com Forums 