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

    What is the CSS code to align the quantity boxes adjacent to the field names?

    Asked by JCWBA on June 03, 2013 at 02:23 AM

    Hi,

     

    I was wondering if anyone would know how to align the quantity boxes of the attached form so they appear next to the label.  The form is really long!  I would like to shorten it by having the quantities next to the labels.

     

    Would really appreciate any help.

    Page URL:
    http://form.jotformeu.com/form/31526613697359

    quantity css code field names style size label
  • Profile Image
    JotForm Support

    Answered by EltonCris on June 03, 2013 at 03:58 AM

    Hi there!

    Here's the CSS codes. Simply inject this to your form. How to Inject Custom CSS Codes to your Form

    .form-product-item .form-sub-label-container {

    margin: 1px 9px 1px 0px !important;

    position: absolute;

    left: 230px;

    top: 0px;

    }

    .form-product-item .form-checkbox {

    vertical-align: middle !important;

    margin-top: -3px !important;

    }

    .form-product-item br {

    display: none !important;

    }

    .form-product-item {

    width: 316px !important;

    margin-bottom: 2px !important;

    }

    As a result:

    Do let us know if you have further questions. Thank you!

  • Profile Image

    Answered by JCWBA on June 03, 2013 at 04:34 AM

    Genius.  Thank you for taking the time to answer.  That is perfect.

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 03, 2013 at 04:57 AM

    @JCWBA

    You're welcome. :)

    Let us know if you have any other questions or concerns. 

    Cheers!

  • Profile Image

    Answered by JCWBA on June 03, 2013 at 05:14 AM

    Very kind.  I do actually have one quick question and that is to remove some of the space at the top of the form - there seems to be some padding of about 30-40px? Can this be reduced at all? 

     

    Thanks once again.

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 03, 2013 at 05:21 AM

    Add this:

    .form-all {

    padding-top: 0px !important;

    }

    Thanks!

  • Profile Image

    Answered by JCWBA on June 03, 2013 at 05:54 AM

    Superb.  Thanks a lot for that.

  • Profile Image

    Answered by sidharth_kch on June 03, 2013 at 05:58 AM

    @JCWBA

    On behalf of my colleague EltonCris, you are welcome.

    Should you have any questions please feel free to contact us.

    Thanks,

    Sidharth