I wish to increase the margin / boundary of my form

  • Profile Image
    Asked on February 10, 2015 at 12:07 PM


    If you look at my form entitled Clone of PIR Form, the text boxes overlay the form margins, which make things look a little messy, (see attached screenshot.


    I've tried increasing the margins, or at least I thought I had, but this has no effect.


    Can you help?

  • Profile Image
    Answered on February 10, 2015 at 01:18 PM


    It looks like your screenshot may not have come through.  However, it does look like your form is set to be quite wide already.  I opened your form in the designer and set the width to about half what it is currently:

    Thing did look a bit less stretched afterwards.  You can also adjust various other properties of your form from the designer.

    I was however, not able to find anything going outside the boundaries of your form.  If this does not allow you to make the changes you desire, let us know specifically which fields are not to your liking and we will see what we can do.

  • Profile Image
    Answered on February 10, 2015 at 01:42 PM


    I saw that the text boxes overlay the form margins inside of Chrome and IE8 and inside Mozilla  everything seems to be fine. However you can fix your problem by using custom CSS. If you want to apply custom CSS you need to:

    1. Go to JotForm Builder

    2. Open Preferences

    3. Go to Form Style tab

    3. Inside of field Inject Custom CSS enter the following code at the end

    .form-section, .form-section-closed {
    margin-left: 10px;
    margin-right: 25px;


    Hope this will help.