What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    It seems like and the font is not showing up live at the proper size, I tried testing it at 5px and it still shows at 12-14 I believe. It wont update

    Asked by BBC2016 on March 08, 2016 at 09:10 AM
    It seems like and the font is not showing up live at the proper size, I tried testing it at 5px and it still shows at 12-14 I believe. It wont update to the proper size I need.
  • Profile Image
    JotForm Support

    Answered by Charlie on March 08, 2016 at 09:34 AM

    One of your CSS code might be conflicting with that font size should actually be used.

    In the Form Designer Tool, you can easily set specific font sizes in your form.

    You'll see under the "Font Options" section, you can set the font family and the font size there.

     

    If you are using custom CSS code then there's a possibility of having a style conflict between the changes you made in the Form Designer Tool and your CSS code, you'll need to clean up the code and used "!important". 

    Example:

    In your Form Designer Tool, you set the "Font Options" to "Lucida Grande" and base font-size 14px.

    However... You also have a custom CSS code inserted in your form like this:

    .form-all {

    font-family: "Arial" !important;

    font-size: 32px !important;

    }

     

    Noticed the "!important" on each style on my CSS, that means I am telling to the web browser that the priority style for the form's font will be based from this CSS code.

    Now depending on your requirements, may we know what specific changes you would like to apply?