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

    Move field closer to the label

    Asked by martinbond on December 02, 2015 at 04:37 AM

    Hi please see screenshot below and link - https://form.jotform.com/53270431170949

     

    I want to keep the label alignment so each one lines up however I want the input field closer to the label field for each. 

  • Profile Image
    JotForm Support

    Answered by Chriistian on December 02, 2015 at 04:43 AM

    Hi,

     

    To move the field closer to its label, please try to inject this custom CSS code in your form.

    .form-label.form-label-left {

        width: 100% !important;

    }

     

    To inject a custom CSS code in your form you can follow the instructions provided in this guide: How to Inject Custom CSS Codes.

     

    Do let us know if you need further assistance.
    Regards.

  • Profile Image

    Answered by martinbond on December 04, 2015 at 10:27 AM

    Hi, 

     

    I injected this code and it appears perfectly in designer however it's not pulling through to the front end when I preview my form - https://form.jotform.com/53343499536970? 

    Please advise what I'm doing wrong. 

  • Profile Image
    JotForm Support

    Answered by BDAVID on December 04, 2015 at 11:39 AM

    Please inject the following CSS code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-label.form-label-left {

        width: 300px !important;

    }

    Result: https://form.jotform.com/53374239037962?

    If you need anything else please open a new thread, we will be glad to assist you.