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

  • Profile Image
    Asked 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.





    Thanks for your help!

  • Profile Image
    Answered 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 on January 09, 2017 at 11:01 AM



    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?





  • Profile Image
    Answered 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