Increase Text Field Height

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

    Hi

    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
    Edgar_B
    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
    janiew77
    Answered on October 28, 2018 at 11:00 AM

    Thank you - https://form.jotformeu.com/82923661231353

     

    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
    Edgar_B
    Answered on November 09, 2018 at 01:31 PM

    Hello, 

    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.

    1541788192test.png


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