Different background images on a few pages - in Propulsion « Support Forum | Kriesi.at

Support Forum » Propulsion

Different background images on a few pages - in Propulsion

2 posts from 2 voices

Started 7 months ago by designjunkies
Latest reply from Ismael
This topic is not a support question

Tags:

designjunkies
Member

Hi there,

I was hoping to add some custom background images to a few pages in my site and I have figured out a piece of code that works but I know once I change my page urls from page ids to page name it won't work anymore?

This is what I have that seems to work:
#top.page-id-708 {
background: #006ab0 url(http://easyretailsolutions.com/wp-content/uploads/2012/10/background-dots-2.gif) top center repeat scroll;
}

Am thinking the new code will have to have some kind of 'body_class' or something but am not sure how to go about this.
Most of the site will use the generic background (uploaded via main theme setting in Theme Options) but I would like about 3 other backgrounds I can use occasionally.

Any help would be great!

Posted 7 months ago #
Ismael
Moderator
Hi designjunkies,

The only thing I can think of to help you is to set a fallback background for all pages, then override the fallback background image with the some image on pages you want a different background. This might be sound too much work but I don't know of any other solutions to this as of this moment. This is the code that I can think of:
```
#top {
   background: #006ab0 url('url_of_background1') top center repeat scroll;
}

#top.page-id-1,
#top.page-id-2,
#top.page-id-3, {
   background: #006ab0 url('url_of_background2') top center repeat scroll;
}

#top.page-id-4,
#top.page-id-5,
#top.page-id-6, {
   background: #006ab0 url('url_of_background3') top center repeat scroll;
}
```
Hope this code snippet is helpful.

Regards,
Ismael
Posted 7 months ago #