[aspectssp]

Thanks for that frobn. I have added the
body {background-size: cover;}
to style.css

Would really appreciate if you, or someone, could check it out on a wide screen monitor and see if the background image is now covering the whole screen.

Am not sure about the second bit though - not much of an expert in coding!

Presumably all this:

body
{
background-image: url("http://villahols.com/wp-content/uploads/2012/05/LaGuardiaPark_Villa_Pool_5423w-600x398.jpg");
background-color: #00077b;
background-clip: border-box;
background-origin: padding-box;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

goes in the BODY section of the style.css file?? I have just put the url of a random image in this example. I would use a bigger image usually.

Do I leave the this
body {background-size: cover;}
there as well? to ensure the images cover the whole screen?

But my real struggle is where to put this:
.post-type-archive-listing
{ background-image: url("images/your-image.jpg"); }

and would this image url be for a different image to the one in the body section??

Any more help appreciated, and thanks for the info so far.

[aspectssp]

Great, worked perfectly. Thanks very much

[aspectssp]

That is AMAZING - fixed it all in 2 minutes. Thank you so much.

I actually changed the 10 in all the different areas to 30, so not sure which one did it - but it works perfectly now.

[aspectssp]

This reply has been marked as private.

[Author]

Posts