How to stop form background image from repeating?

  • Nahjeehw
    Asked on March 13, 2017 at 11:05 AM
  • Ashwin JotForm Support
    Replied on March 13, 2017 at 1:46 PM

    Hello Nahjeehw,

    Please note that you have a long form and if you do not want to show the background image to be repeated then it will show a blank background at the bottom of form. 

    Please inject the following custom css code in form to display background image without repeat:

    .supernova {

        background-repeat: no-repeat !important;

    }

    The following guide should help you how to inject custom css code:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Thank you!

  • Nahjeehw
    Replied on March 13, 2017 at 2:46 PM
    I understand your point, however, about a month ago the image did not repeat itself and I had the same amount of information and length. Did something on jot form change recently ?
    Sent from my iPhone
    ...
  • Mike
    Replied on March 13, 2017 at 6:11 PM

    Each form can have different background settings which also can be affected by standard theme, designer's theme, applied custom theme and also injected CSS.

    I have added the next CSS to your form:

    .supernova {
    height: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    }

    How to stop form background image from repeating? Image 1 Screenshot 20

    Please re-check the background.