editing input field height

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

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

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

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