Form look change when I embed it in website.

  • Profile Image
    Asked on February 01, 2018 at 09:18 AM


    This is the form which I have embedded in my website. Here is the url where my above jotform is embeded The problem is that when preview form background image is look good, and it is fixed and content scrolls while in the link it changed automatically. Background is also scrolling with content and also the background image got bigger. Please help me with this.

  • Profile Image
    Answered on February 01, 2018 at 09:46 AM

    I'll check the issue and get back to you soon.

  • Profile Image
    Answered on February 01, 2018 at 10:17 AM

    I recommend you to check 2 options: 

    1. Try adding background-image directly to your page and the form's background setting to "transparent".

    2. Try to inject following css code:

     .form-all {

    background-attachment: fixed !important


    because that option is set to "scroll" now. 

    To be honest I have doubts about the second one, I think the problem is because some of your site's code conflicts to the form. But the first one can save the day. 


    Let us know how it goes!


  • Profile Image
    Answered on February 01, 2018 at 10:35 AM

    Above first method works for me,