Home>Support>I need the page background to be fixed, not repeat

I need the page background to be fixed, not repeat

By annehweb, 9 years ago. Last reply by annehweb, 9 years ago.

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…?

URL: http://annehutchinswebdesign.com/tiki/books/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 5 months ago annehweb

    I 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.

  2. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi Annehweb

    Am glad you figured this out

    Always feel free to open a new thread whenever you require support

    Cheers

  3. 9 years, 5 months ago annehweb

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More