Margin not correct when viewing form on my website

  • Profile Image
    betwrestling
    Asked on March 22, 2017 at 04:32 PM

    For whatever reason, the form on my wix website isn't aligned how it should be. When previewing the form it is correct however when i view on my wix website there is too much spacing on the left margin.

    I have included a screenshot, the red square is where the problem is. I do not want this space to be there. Why is this happening and how do i fix it? I am using Iframe to embed the form.

  • Profile Image
    Kevin_G
    Answered on March 22, 2017 at 08:40 PM

    Unfortunately, your screenshot did not reach this thread, please re-upload it by following this guide: How-to-add-screenshots-images-to-questions-in-support-forum

    Also, could you please share us the link to your webpage? This way we will further investigate why the form displays as you're mentioning. 

    In the meantime, you could try to re-embed your form using the iFrame code, this guide will help you with that: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

     

  • Profile Image
    betwrestling
    Answered on March 22, 2017 at 09:36 PM

    Sorry about that, here is the screenshot.. The red box is where the space is which i do not want. This only shows up when viewing the form on my wix webpage.

    The webpage is at http://www.predictwrestling.com/abcd

     

  • Profile Image
    Ian
    Answered on March 23, 2017 at 01:50 AM

    Under the iframe code where it says 

    <iframe id="JotFormIFrame-70773161313854" ..... style="width:100%; height:10502px; border:none;" scrolling="no"> </iframe>

    add the following highlited code

    <iframe id="JotFormIFrame-70773161313854" ..... style="width:100%; height:10502px; border:none; margin-left: -15px;" scrolling="no"> </iframe>

    You can increase or decrease the numeric value as per your requirement.

    Hope this helps.