How can I have the background image fixed?

  • andrewddykes
    Asked on October 20, 2017 at 10:23 AM

    I've put a background image behind my form which repeats vertically and switching this option off seems to disrupt other form settings (for example, the width of the field labels). So I've redesigned my form so that it fits inside one copy of the background image.

    However the complete page still scrolls as the form is filled in.

    Is is possible to switch off the page scrolling and instead just have the form to scroll (presumably inside its own 'div' on the page?)

    Thanks

    Andrew

  • Kevin Support Team Lead
    Replied on October 20, 2017 at 10:25 AM

    Please try injecting this CSS code: 

    html.supernova {

        background-repeat: no-repeat !important;

        background-attachment: fixed !important;

    }

    This will set the background image to be fixed so it will not move as you scroll over the form. 

    This guide will help you injecting the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps.