What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    need to reduce white space

    Asked by RisingPointSolutions on July 21, 2012 at 05:05 PM

    I need to reduce the amound of white space at the top of my form.  See the slide out tab at www.businesscreditgenius.com

    Page URL:
    http://www.businesscreditgenius.com

  • Profile Image
    JotForm Support

    Answered by abajan on July 21, 2012 at 06:52 PM

    Please have a look at this thread.

    If you need further help with this or any other JotForm related matter, please let us know.

  • Profile Image

    Answered by ItalyTech on July 21, 2012 at 07:02 PM

    Hi,

     

    as my collegue said you can decrease margin using this code (note: this code change margin for all form)

     

    .form-all {
    padding-top: 0;
    margin-top: -10px;
    }

     

    using negative parameter (-10pixel in this case) it reduce margin.

     

    By the way I've applied already this code to your form and you can see that now your site appears good :)

     

    Hope this help you.

     

    Alessandro

  • Profile Image

    Answered by RisingPointSolutions on July 24, 2012 at 07:40 AM

    that seemed to work, but now there is too much white space between name/email/and submit button areas. Can this be reduced as well? I have reduced spacing to 0 but the space is still much too wide left to right.

  • Profile Image
    JotForm Support

    Answered by idarktech on July 24, 2012 at 09:26 AM

    Hi,

    Please add the following codes to your form:

    #id_1, #id_3{

    padding-right:0px !important;

    }

    #id_2{

    margin-top: 18px !important;

    }

    .form-line-active {

    background: none !important;

    }

    The first code removes the right padding of the two textbox fields so that all fields would float in a single line. The second code would position the button centered on the two fields. The last one simply removes the highlight focus, it's not helping at all, I guess.

    Result:

    Hope this helps. Let us know if you need any further assistance. Thanks!

  • Profile Image

    Answered by RisingPointSolutions on July 24, 2012 at 09:31 AM

    That looks MUCH MUCH better. thank you!

  • Profile Image

    Answered by pinoytech on July 24, 2012 at 09:46 AM

    On behalf of my colleagues, you are always welcome. If you need our assistance again, feel free to contact us anytime.

    Thank you!