Home>Support>How I a put a image fixed in full background
  1. 10 years, 4 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. 10 years, 4 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. 10 years, 4 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. 10 years, 4 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. 10 years, 4 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. 10 years, 4 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. 10 years, 4 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. 10 years, 4 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. 10 years, 4 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. 10 years, 4 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. 10 years, 4 months ago Eliabel Alves Barreto Junior

    Thanks for support..all good for you

  12. 10 years, 4 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