JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
editing input field heightAsked by DPCREATE on November 03, 2015 at 04:37 AM
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
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.
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
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:
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.