How to remove left and top padding on the form?

  • atlspeech
    Asked on January 30, 2017 at 10:34 PM

    It seems that forms which have are newly opened in the design editor lose all formatting. More recently, it also loses the alignment format. The form used to be flush/aligned with the words from the web page but there now seems to be a left and top gap.

    I've tried adding the coding I've seen in other threads and none have been successful in fixing this issue.  

    Please see attached URL.

  • Kiran Support Team Lead
    Replied on January 30, 2017 at 11:12 PM

    Please try adding the following CSS code to the form to remove the padding.

    .jotform-form {

    padding: 0px !important;

    }

    Hope this information helps! 

  • atlspeech
    Replied on January 31, 2017 at 10:32 AM

    Thanks for your response. I added the code to the CSS and there appears to be no change. 

  • Kiran Support Team Lead
    Replied on January 31, 2017 at 11:39 AM

    I see that the top padding is adjusted on the form. However, the left padding is related to the fields which can be adjusted by injecting the following CSS code:

    .form-line {

    padding-left: 5px;

    }

    Please inject this code and let us know if you need any further assistance. We will be happy to assist.