How do I reduced the extra space around my form?

  • Profile Image
    dollars4cars
    Asked on December 07, 2013 at 12:26 PM

    I need a form to be very narrow to fit on a site, but there is a lot of extra space on both sides of the form that go beyond the width I am indicating when I design it. How can I make the form smaller so that I can embed it on the site?

  • Profile Image
    pinoytech
    Answered on December 07, 2013 at 03:18 PM

    Hi,

    In order to reduce some extra space around your form, you need to use custom css and inject it into your form. You might like to take a look at this clone form: http://www.jotformpro.com/form/33406264064954

    To do this:

    1. Change all field labels to TOP

    2. Use custom css and here's the code:

    .form-all {

    background: #1F733E;

    }

    .form-line {

    padding-top: 2px !important;

    padding-bottom: 2px !important;

    padding-left: 23px !important;

    }

    .form-textbox, .form-textarea {

    width: 200px !important;

    }

    If you need further assistance, please feel free to contact us at anytime.

  • Profile Image
    pinoytech
    Answered on December 07, 2013 at 03:19 PM

    My apologies! I forgot to include the link on how to inject custom css: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes