How can I have a fixed background image all throughout?

  • terracottaclayworks
    Asked on October 17, 2019 at 4:59 AM

    Hi! I'm having trouble trying to get my background image fit the entire form. I have hidden questions which only appears when you pick a certain answer from previous questions, now, every time the form extends to show the hidden questions, the background image extends as well, which gives that awkward tiled image in the background. How do I fix that issue?

    Jotform Thread 2004312 Screenshot
  • kazim
    Replied on October 17, 2019 at 6:56 AM

     

    Hello,

    You can make a fixed background with CSS code below. For this, add the following code to your form designer's 'Inject Custom CSS' editor. 

    .supernova{
      background-size: cover;
      background-attachment: fixed;
    }

    With this code, your form's background will cover the screen and It won't affected by form height.

    1571308722Screen Shot 2019 10 17 at 13 Screenshot 10

     

    If you have any further questions, let us know and we’re happy to help!

  • terracottaclayworks
    Replied on October 17, 2019 at 9:17 PM

    I think it worked. Thank you very much for your response and assistance. Have a great day ahead. :)