How to change the font size of input fields?

  • kauseway
    Asked on July 27, 2015 at 11:49 PM

    My font size has shrunk. I can go into the designer and when I click on font it resets really tiny. I move it to 16 font and the labels look fine but drop down menus and entry fields are smaller. How can I increase the font size inside the fields?

     

    http://form.jotformpro.com/form/50005155818954

    Page URL: http://form.jotformpro.com/form/50005155818954
  • BJoanna
    Replied on July 28, 2015 at 4:03 AM

    You can change the font size of dropdown and input fields by Injecting Custom CSS. To do that inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-textbox, .form-textarea, .form-dropdown, .form-matrix-column-headers, .form-matrix-row-headers, .form-matrix-values {font-size: 16px;}

    How to change the font size of input fields? Image 1 Screenshot 20

    Here is my demo form where I added this code: http://form.jotformpro.com/form/52081412622949? 

    Hope this will help. Let us know if you need further assistance.