0
Answered

Static background image

Rob White IV 3 years ago in Usability & Interface • updated by Sergey Stukov (co-founder) 3 years ago 1
I would like for my custom css BODY or #wrap background image to scroll with page content. The background-attachment is supposed to default to 'scroll' in css, but it seems to be 'fixed' no matter what I do. Can you help me determine how to set the content to scroll up and out of view when scrolling down into page content? See our site here --> http://support.c2cschools.com/


Thanks.

Answer

Answer
Answered
Hello,

Try to replace this code in your custom CSS:
#wrap {    
    padding-top: 240px !important;
    background-image: url('http://resources.c2cschools.com.s3.amazonaws.com/c2c/v3/common/dist/images/support/header_background.jpg') !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}


With:
#wrap > .container {    
    padding-top: 240px !important;
    background-image:url('http://resources.c2cschools.com.s3.amazonaws.com/c2c/v3/common/dist/images/support/header_background.jpg') !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    width: 100%;
}

GOOD, I'M SATISFIED
Great response time. You guys are awesome.
Satisfaction mark by Rob White IV 3 years ago
Answer
Answered
Hello,

Try to replace this code in your custom CSS:
#wrap {    
    padding-top: 240px !important;
    background-image: url('http://resources.c2cschools.com.s3.amazonaws.com/c2c/v3/common/dist/images/support/header_background.jpg') !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}


With:
#wrap > .container {    
    padding-top: 240px !important;
    background-image:url('http://resources.c2cschools.com.s3.amazonaws.com/c2c/v3/common/dist/images/support/header_background.jpg') !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    width: 100%;
}