Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #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:

    #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!

    #93254

    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

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.