Scaling custom background image
Hi, I have a background image on my client's site, currently hosted here, which was set under Theme Options > Global > General > Background. Size is set to Cover, and this behaves exactly as expected and desired. I am trying to use a different image on the Services page, but for some reason it isn't covering the full page - the site-wide background image appears at the bottom and no matter what I do I can't seem to get the new image to extend further down the page. Here's the CSS I'm using
/* SERVICES background */
body.page-id-188 {
background-image: url("http://pantondesign.mccdesign.com/wp-content/uploads/2018/03/Project4a-1920.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
Comments
We checked and the image looks fine, do you mean this ? http://prntscr.com/iuxog3
thanks
http://prntscr.com/ivaosa
If i disable it then the html background image appears.