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

    editing input field height

    Asked by DPCREATE on November 03, 2015 at 04:37 AM

    Hi

     

    On my form some of the letters inputed to the fields are being cut off,  i think since using the designer it has changed the field heights, line heights or font size, so that one doesn't fit with the other

     

    how can i stop the cut off by giving the input fields enough height or a bit of padding where can this be chnaged or what should i target in  custom CSS

     

    thanks

    height input field size font size
  • Profile Image
    JotForm Support

    Answered by Welvin on November 03, 2015 at 08:56 AM

    You can change the height in the form designer (https://www.jotform.com/form-designer/). Simply click the input field and the styles would appear:

    If you want to change the input size of the specific field, you can do it in the CSS tab. Simply click the "CSS" tab and double-click the field to add its ID in the CSS area then add the relevant styles:

    Hover to the field > Double-click > Choose option in the "CSS Helper".

    Let us know if you need any further assistance.

    Thanks

  • Profile Image

    Answered by DPCREATE on November 03, 2015 at 11:02 AM

    please could you tell what element to specifically target as i am noticing when i use the designer it wipes my custom css elements related to print.

     

    i would rather target directly via css

    thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on November 03, 2015 at 12:15 PM

    This guide should help you get the field ID: http://www.jotform.com/help/146-How-to-find-Field-IDs-Names. You can then target it as:

    #field_id {

    height: 50px;

    }

    Also, when adding the custom CSS codes through the Inject CSS area in the form preferences, you should add the codes at the bottom and not to the top. The designer will simply remove the codes if you put it on the top.

    Thanks