Different background images per page

[meltdowncomics]

Hello, i'm trying to do a different background image on each page. I read comments and instructions but i'm lost where i would do that. This would be a page backgrounds not body backgrounds. Once set i can just make the body background transparent and just show the page background. Here's the code I found,

Page-id-XXX #content {
background-image: url(yourimage.jpg);
background-repeat: no-repeat;
background-position: right;

but where do i insert that?

thanks for any help you can give me.

Francisco
http://www.meltcomics.com

[drake]

All custom CSS definitions can be added at Suffusion Options (main menu on the left side) -> Backend (horizontal upper menu) -> Custom Includes (can see the menu on the left) -> Custom Styles (the big edit area which jump on you)
In the codes used don't forget the closing curly bracket, otherwise the code will newer work and will break other things too. Also, use the absolute path to the images, starting with http://yoursite/....). The complete code need to be:

Code: Select all

.page-id-XXX #content {
background-image: url(http://yoursite/path/yourimage.jpg);
background-repeat: no-repeat;
background-position: right;
}

[meltdowncomics]

Thank you soooo much, i will look into that.

[watsontcbc]

I have a very similar problem and this support string is a great help. But I have only five pages out of the total of 15 or so that need a special background. All the other pages need a black page color (which is the current global setting). Here is the one page I have bee working on so far:
http://www.watcinema.com/directing/narr ... bs-journey
Can you tell me how to set the background color to "transparent" only for specific pages such as this one?

Thanks in advance for you help with this!

[drake]

The code above is applicable to specific, different pages. You need to replace "XXX" with the id of page you wish to alter. For finding the id, go to the list of pages, hover over the title of the desired page, then look at the bottom of the browser window. You will see a long link with something like ....?post="XXX".... in it. The XXX number is the ID, and you need to use this number for each page you wish to alter. For five pages you will have 5 blocks of code for changing the background.

[Colin]

for this particular page your tag will be

Code: Select all

#post-804 {background:transparent;}


[watsontcbc]

That did it! So I'll do this for each page I need to put this background into, just using a different page-id #.
Thanks!