Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #16880

    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: {

    background: #006ab0 url( 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!


    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;
    },,, {
    background: #006ab0 url('url_of_background2') top center repeat scroll;
    },,, {
    background: #006ab0 url('url_of_background3') top center repeat scroll;

    Hope this code snippet is helpful.



Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Different background images on a few pages – in Propulsion’ is closed to new replies.