The background image is not displaying correctly in embedded form.

  • hotspot2009
    Asked on September 16, 2015 at 6:18 AM
    Hi

    The code that you guys have generated <iframe frameborder="0" scrolling="no" style="width: 100%; border: medium none; height: 3103px;" id="52386315733457" name="52386315733457" allowtransparency="true" src="http://www.jotform.me/form/52386315733457" onDISABLEDload="window.parent.scrollTo(0,0)"></iframe> .  I have implemented it in my website https://landingpageninja.net/LandingPage-Order.php . I have encountered a background problem. In the original link http://www.jotform.me/form/52386315733457 the background is fixed but in my website https://landingpageninja.net/LandingPage-Order.php it is not fixed and zoomed out. 

    Can you please provide a solution for this?
     
    Thank You
    Page URL: https://landingpageninja.net/LandingPage-Order.php
  • Ashwin JotForm Support
    Replied on September 16, 2015 at 12:38 PM

    Hello hotspot2009,

    I have injected the following custom css code in your form and that seems to have fixed the issue in your webpage:

    .supernova {

        background-image: url("//www.jotform.com/uploads/hotspot2009/form_files/work.jpg");

        background-size: inherit !important;

    }

    Please check the screenshot below:

    The background image is not displaying correctly in embedded form Screenshot 20

     

    Hope this helps.

    Do test your webpage where you have embedded your form and see if the background image is being displayed correctly.

    Thank you!