Backgrounds Please help

[asgsport 0]

Hi Im trying to set, a a custom page background on different pages and its not working I need a main background for all pages and just need to overwrite some of the pages with another background. .page-id-84, .full_width #page, body.fixed_width {background-image: url("http://www.asgsport.co.za/back.jpg") !important} This top one works but it overwrites all the backgrounds? .page-id-101, {background-image: url("http://www.asgsport.co.za/back1.jpg") !important}

[asgsport 0]

http://sportdev.asgsolutions.co.za

[Kate 3]

This is for the main background, correct? On the body? If so, then you would use something like this:

.page-id-101{background: url("http://www.asgsport.co.za/back1.jpg") !important;}

Let us know how that goes...

[asgsport 0]

Kate that is PERFECT!! Works great.. Just one more thing, how would i set the Canvas background image as well? My universal one looks like this: body #page{background:transparent url(http://www.asgsport.co.za/95.png)} But would also like to make it page specific. Thanks!

[catrina 103]

To make your canvas background image page specific, you'll need to know the page ID, which is used in the CSS selector to specify where the background image can be used. Example:

body.page-id-70 #page-canvas {background:transparent url(http://www.asgsport.co.za/95.png)};

The page ID can be found by viewing the source and seeing the page ID for the body tag (should be at the top of the page).

[asgsport 0]

Hi Catrina, It works great, however it only customizes one page? body.page-id-84 #page-canvas {background:transparent url(http://www.asgsport.co.za/yellowbg.png'>http://www.asgsport.co.za/yellowbg.png)}; body.page-id-118 #page-canvas {background:transparent url(http://www.asgsport.co.za/yellowbg.png'>http://www.asgsport.co.za/yellowbg.png)}; page-id-118 wont load the same background as 84. am I missing something?