Hi all, using custom CSS to attach a separate background image to each page on a site and I just cant seem to figure out how to get my background to behave like the background image on the prebuilt layout “Sport” .
In the Sport example layout as the user scrolls down, the background image moves up?! How might I get THAT to happen!?
Here is the CSS I’m using to attach the unique background image to each page:
.page-id-7558 .site-content {
background-image: url(http://www.cfrubicon.com/wp-content/uploads/2015/10/131137_1749788222954_4269316_o.jpg) !important;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
I’m using ZerifPro as my theme if that helps?
Much thanks in advance for you time, all help is good help!
David
Hi David
Thanks for reaching out.
Just a quick check, if your thread relates to the background image on different pages on your site as a whole, would the Theme Ilse support team not be in a better position to help out? If you’re using Zerif Pro your purchase should come with premium support.
Let us know and we’ll go from there :)