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(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!
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:
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.
The topic ‘Different background images on a few pages – in Propulsion’ is closed to new replies.