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

  • Profile Image
    Jibin Varghese 
    Asked on July 17, 2019 at 06:38 AM
  • Profile Image
    eda
    Answered on July 17, 2019 at 07: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.1

    - 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.5

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

    1563361172Screen Shot 2019-07-17 at 13.5

    - 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.0

    Note; Old forms have Css Injection not card forms.

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

    Thanks.