Increase Text Field Height

  • Profile Image
    Asked on October 28, 2018 at 10:12 AM


    Can you tell me how to add codes to increase height of text fields? Not sure why they are looking so small. Thank you

    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    Answered on October 28, 2018 at 10:24 AM

    May I know the link of the form do you want to adjust the text field height? If possible please provide a screenshot of that field. We'll be waiting for your reply to address this concern as soon as possible. Thank you.

  • Profile Image
    Answered on October 28, 2018 at 11:00 AM

    Thank you -


    in fact it now looks OK as I have managed to reduce the font size, but is this the only way?   Also, how do I increase the gap between the label text and the field itself? 1540738973jotform2.JPG

    and a third question!   thank you so much  - 

    is there a better way to display the above list of choices? it looks messy but I wanted to use tickboxes and the line of text is rather long...


  • Profile Image
    Answered on November 09, 2018 at 01:31 PM


    We are very sorry if this might be a too late response for this thread, nonetheless, to resolve this issue, I have injected code in your form to re-align the text and check box relative to each other.

    Here is the code:

    .form-checkbox-item label {

        line-height : 20px;


    To inject codes, please read our user guide on How to Inject Custom CSS Codes.


    If you need further assistance, please let us know, we'll be glad to help. Thank you!