Move field closer to the label

  • Profile Image
    martinbond
    Asked 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
    Chriistian
    Answered 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
    martinbond
    Answered 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
    BDAVID
    Answered 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.