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

    I can't get my background image 'fixed' so that my form scrolls over it. The image moves with the form.

    Asked by roulette on January 05, 2017 at 06:28 PM

    In Theme desighen, under Background image, I have the image set to cover and have tried with the fixed button checked and unchecked... many times, many reloads of the page, etc.

     

    https://www.jotform.com//?formID=61995604527970#design

    https://www.jotform.com//?formID=61995604527970#

     

    Thanks for your help!

    Page URL:
    https://www.jotform.com//?formID=61995604527970#

  • Profile Image

    Answered by Ian on January 05, 2017 at 08:23 PM

    Please inject the following code in the INJECT CSS  INJECT CSS section

    .supernova body {

     background-image: url("https://www.jotform.com/uploads/roulette/form_files/Wedding3.jpg");

     -webkit-background-size: cover;

     -moz-background-size: cover;

     -o-background-size: cover;

      background-size: cover;

    }

    This will allow the background appear to be stretched in almost all the browsers

    This is how the page should appear after applying the code

  • Profile Image

    Answered by roulette on January 09, 2017 at 11:01 AM

    Hi,

     

    Thanks so much for your response and solution. I tried it and unfortunately it seems to cause the image to overlay on itself, with the top image zooming in and out depending on what the form looks like at any given point (I am using chrome, btw. & I have designed the form to display questions based on previous answers, etc.). The result is a background that constantly changes size & is too jarring for use.

    I'm confused- aren't' the 'cover' & 'fixed' options in the background image design menu supposed to do what I'm asking? (They don't, for me at least.) 

    As a work-around, how big an image would I need to import as background so that it will cover top to bottom plus approx. 25% to allow for some scrolling?

     

    Thanks,

     

    Ian

  • Profile Image
    JotForm Support

    Answered by BDAVID on January 09, 2017 at 01:10 PM

    Please remove the previous code, and also the background image. And try to re-upload it through the form designer, example:

    You can view my form here: https://form.jotform.com/70085244777967 

    You may clone it if you want to: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL