how can I reduce the size of text field ?how can I write the code in custom css?what should be the code?

  • Jibin Varghese
    Asked on July 17, 2019 at 6:38 AM
  • eda JotForm Designer
    Replied on July 17, 2019 at 7:23 AM

    Hi,

    You can change witdh and height of text field separately.

    To change width of text field you don't need to inject Css code into your form.

    -Click on Properties and then click on Options section. There is a width field. You can change the size of width here.

    1563362309Screen Shot 2019 07 17 at 14 Screenshot 10

    - To change height of text field, you can change text-size. To do that you need to inject CSS Code.

    - Click on Form Designer button at right top of form builder.

    1563361114Screen Shot 2019 07 17 at 13 Screenshot 21

    - Click on CSS section. You can inject Css code into this field.

    1563361172Screen Shot 2019 07 17 at 13 Screenshot 32

    - Here Css code to change font size;

    .form-textbox {

      font-size:36px;


    }

    - Don't forget to save. 

    This is the example if the font size of textbook is 36

    1563361516Screen Shot 2019 07 17 at 14 Screenshot 43

    Note; Old forms have Css Injection not card forms.

    Hope this helps. Inform us if you need further assistance.

    Thanks.