How to set background image as fixed cover

  • Profile Image
    SunbridgeInstitute
    Asked on September 15, 2017 at 12:56 PM

    I had asked this question once before, and I was given instructions how to correct it, but even though I keep correcting it on all our forms, they keep reverting so that the image is either tiled, or else fixed only to the top of the form.

    Now this particular form, no matter how many time I uncheck the cover and fixed check-boxes, and then recheck them and save in the advanced editor, I cannot get the image to come up as a fixed cover no matter what.

    Can you help me to resolve this recurring problem?

    Thank you!

  • Profile Image
    aubreybourke
    Answered on September 15, 2017 at 02:25 PM

    First please remove the image from your form.

    And you can use this CSS instead of using the advanced editor:

    .supernova {
    background-image:url('https://aubreyimages.000webhostapp.com/Sunbridge%20Sign%20Trees-SMALL.395.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;}

    Here's instructions of how to add the CSS:

    How to Inject Custom CSS Codes 

     

    You can see it working here on a clone of your form:

    https://form.jotformpro.com/72575539857979