How can I modify form margins or padding?

  • Profile Image
    Asked on March 11, 2013 at 03:11 PM

    First of all, I love your forms.  They make things very convenient for my website builds.  I have been having one difficulty though which is why I'm writing.  For some reason, there is no way to modify the margins, or padding, around the forms.  Sometimes I get get away with this based on my coding techniques on a particular page.  But how can I set the padding/margins around a form to 0px???  This way I can place it exactly where I need it without having to jump through hoops.  Your help is greatly appreciated!

  • Profile Image
    Answered on March 11, 2013 at 03:37 PM

    Thank you for using Jotform Support Forum.

    To adjust the form padding and margin in your form, you will need to "Inject a Custom CSS code" in your form style. A guide can be found in this link on how to insert css code in your form style.

    If you could provide us a link to your website, we would be able to provide more detailed instruction and assistance on how to remove the  margin or padding in a particular element in your form.

    Also, when coding a css in the form style form builder, I would recommend using !important to override the current form css styling.

    E.g. .form-all {padding: 0 !important; margin:0 !important; }  /* set class form-all element padding and margin to 0 */

    If you need further assistance, please contact us again.