What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Background image scrolling with the form and updating product values

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

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

     

    When I previewed my form 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?

     

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

  • Profile Image
    JotForm Support

    Answered by Boris on January 30, 2017 at 01: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:

    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:

    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.