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

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!

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

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

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