The background image is not displaying correctly in embedded form.

  • Profile Image
    hotspot2009
    Asked on September 16, 2015 at 06: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" onload="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
  • Profile Image
    ashwin_d
    Answered 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:

     

    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!