Background image scrolling with the form and updating product values

  • vbhphoto
    Asked on January 30, 2017 at 12:11 PM

    https://www.jotform.us/form/70268632601149?preview=true

     

    When I previewed my contact template on my phone the contract areas on the bottom half look terrible and extended.  I also cannot figure out how to change the deposit amounts.  I would also like to background image to stay stationary while the words scroll.  Is that possible?

     

  • Boris
    Replied on January 30, 2017 at 1:06 PM

    I have checked your form on a mobile device, and it appears to be fine. I'm not sure what you were referring to as being terrible and extended - the contract terms appear to show fine:

    Background image scrolling with the form and updating product values Image 1 Screenshot 30

    When it comes to making your background image stick as your users scroll, you can simply add the following custom CSS into your form:

    .supernova {
        background-attachment: fixed;
        background-position: center;
    }

    It will make the image scroll with the screen, and also center the image to the middle of the screen at all times. You can add CSS into the form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Finally, to change the deposit amounts, you need to run the payment tool's wizard, and simply update your products. The following guide describes how to use the payment tool's wizard and set up products:

    https://www.jotform.com/help/165-Setting-Up-Your-First-Order-Form

    Please take a look at the following image for visual instructions on your specific form:

    Background image scrolling with the form and updating product values Image 2 Screenshot 41

    In the future, we also kindly ask that you ask separate questions on their own support threads, rather than asking about support with multiple issues on the same thread. This helps us avoid unnecessary confusion and ensures we can assist you better. Thank you.