How do I remove white margin around form when using Wordpress w/Iframe?

  • Eitaform
    Asked on August 8, 2018 at 2:22 AM

    Hi!


    I want to eliminate the white space that surrounds the jotform on the wordpress page. I've tried many different things and nothing seems to work. Does this need to be fixed on the jotform side or wordpress side?


    Thanks

    Jotform Thread 1547636 Screenshot
  • Kiran Support Team Lead
    Replied on August 8, 2018 at 5:44 AM

    I have checked your JotForm on the web page and see that the form page is having white color background which is surrounded by Grey color.

    153372145008082018 150833 Screenshot 10

    Could you provide us with more information which background that you are referring to remove?

    We will wait for your response. Thank you! 

  • Eitaform
    Replied on August 8, 2018 at 10:05 AM

    Hi! Sorry for the confusion. We want to get rid of the white area. The white area is in between the iform that Jotform is in and the other wordpress element. 

  • roneet
    Replied on August 8, 2018 at 11:06 AM

    Allow me some time. I'll get back to you.

  • roneet
    Replied on August 8, 2018 at 12:28 PM

    You can try adding the following CSS code, on your website directly.


    .wpb_column, .vc_column_container,.vc_col-sm-12{

    margin-top:-190px;
    margin-left:-100px;
    }

    How do I remove white margin around form when using Wordpress w/Iframe? Image 10


    Here's a related guide:


    https://en.support.wordpress.com/custom-design/editing-css/


     

  • Eitaform
    Replied on August 8, 2018 at 7:18 PM

    Thank you so much! I had to apply this to the id selector of jotform instead but the logic worked perfectly.