Adjust Design: Change Background, Padding and Get iFrame of Form

  • ushine
    Asked on January 13, 2015 at 7:55 PM

    I am trying to take away the background or make transparent and decrease the padding so I can iframe this form into my website. 

    The form is horizontal flat and link is attached. 

     

    Thank you,

     

    Jesse

     

  • Charlie
    Replied on January 13, 2015 at 10:04 PM

    Hi Jesse,

    You can change the background to transparent by changing the background under Preferences to "transparent".

    Adjust Design: Change Background, Padding and Get iFrame of Form Image 1 Screenshot 40

    In my end, it turned to a transparent background, although the font color is white so it's hard to see the names of the fields.

    Adjust Design: Change Background, Padding and Get iFrame of Form Image 2 Screenshot 51

    I'm not sure which padding you are referring to, is it the whole form? If that is the case, you can add this code:

    .form-all {

    padding: 0px !important;

    }

    If you are embedding it on an iframe, I would suggest that you use the iframe embed form code that we have. I would suggest that you only paste the <iframe> code, no need to include the <script> code found here. Here's a guide on how to get the iFrame code: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    Adjust Design: Change Background, Padding and Get iFrame of Form Image 3 Screenshot 62

     

    Let us know if this helps and if you need more assistance on this.

    Thank you.