Home>Support>How I a put a image fixed in full background

How I a put a image fixed in full background

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I cann’t put a image fixed in backgroun, I tried use a Custon CSS and change the html file, but it doesn’t work.

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

  1. 11 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi. If you’re referring to the site background image, please try this under Appearance > Custom CSS:

    /* Background Image */body.custom-background {background-repeat: no-repeat;background-position: center center !important;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
  2. 11 years, 2 months ago Eliabel Alves Barreto Junior

    Hi,

    Thank you for answer but this code doesn’t work, it doesn’t resize that image and nothing happens in the site.

    I want put a image in static background, the image doesn’t move.

  3. 11 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    If your site is live with a background image added, please send through a link so I can take a look. Thanks.

  4. 11 years, 2 months ago Eliabel Alves Barreto Junior

    Look my site, http://192.185.176.79/~noteb750/fngconcept.com/.

    I want put a background image, but i ha a doubt, the site will has delay to load?

  5. 11 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    You can try adding one at: Appearance > Customize > Page: Page Background Image. You can add the following CSS to fix the position:

    /* Main Site Container */
    
    #main {
    background-attachment: fixed;
    }
  6. 11 years, 2 months ago Eliabel Alves Barreto Junior

    I put the CSS and the image but doesn’t work

    See the site again if it’s possible.

  7. 11 years, 2 months ago Eliabel Alves Barreto Junior

    I’m sorry, the fixed function it’s ok, but how i resize de image for full screen now?

  8. 11 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Has your page background been added here: http://192.185.176.79/~noteb750/fngconcept.com/ ? I don’t see it. Please save so I can see what’s going on. Thanks.

  9. 11 years, 2 months ago Eliabel Alves Barreto Junior

    Wow, Andrew, thanks

    I got it!! It’s necessary use the uppside code, but chage for main like this:

    #main {
    background-repeat: no-repeat;
    background-position: center center !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

  10. 11 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Awesome, thanks for combing the selectors I sent. Glad you found a solution that works for you!

  11. 11 years, 2 months ago Eliabel Alves Barreto Junior

    Thanks for support..all good for you

  12. 11 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Not a problem, glad we could help.

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