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

    How do I put dropdown/text boxes closer side by side? I have already shrunken them.

    Asked by andybose on July 06, 2014 at 02:28 PM

    Need the dropdown boxes and text boxes to be directly under the column headings near the bottom of my form. Column headings are: Product, rate, units, total, units. I am going to create columns of dropdown and text boxes directly underneath each heading. The first row of dropdowns and text boxes is already there, just needs to be squeezed together to align under the headings.

     

    Page URL:
    http://www.jotform.us/form/41805888748169

    text boxes side by side closer heading CSS
  • Profile Image
    JotForm Support

    Answered by jonathan on July 06, 2014 at 05:36 PM

    Hi,

    You can fix it by using injected CSS codes.

    I do suggest that you add the label/question names on the form also and use CSS code to move the fields closer together

     

    add CSS code like this

    #id_41,#id_42,#id_43,#id_44{

    margin-left: -30px !important;

    }

     

     

    Hope this help. Inform us if this did not work.

    Thanks!