Background Image

[Shaun]

Shaun

November 5, 2013 at 5:41 pm

Hi, I am trying to use different background images for different pages of my website. I am currently testing this on my local machine. I was able to get the following code to work and place the SAME background image.

.contentclass {
padding-bottom: 0px;
background: url(‘http://localhost/wordpress/wp-content/uploads/2013/11/bg_img.jpg’) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Now I want to place a different image on the Bio page. Locally the page has an id of http://localhost/wordpress/?page_id=4
So, I have the code below at the moment which does not work and I have tried different versions of the page id. No luck. I am able to place this image on all other pages as in the first set of code above, so the image file is accessible.

.?page_id=4-page .contentclass {
padding-bottom: 0px;
background: url(‘http://localhost/wordpress/wp-content/uploads/2013/11/logo_clean.jpg’) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Any help would be greatly appreciated. Thanks,
Shaun.