I need the page background to be fixed, not repeat
I’ve created a background for the individual pages, but I need to keep them from tiling (the body background is fine). I searched through the forum threads and found this CSS code, which I added to my child CSS and had no effect, even after adding the !important tag:
body.custom-background {
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
Is there something I’m missing…?
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3I did some more digging and found this (in case anyone else is looking for a similar solution):
#main {
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
I removed body.custom-background and it worked.
Hi Annehweb
Am glad you figured this out
Always feel free to open a new thread whenever you require support
Cheers
Thanks for the quick reply, even though I didn’t need it ;-) Again, that’s why I’m a Vantage Premium return customer.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.