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

    In Firefox padding is making the entered text not seen properly

    Asked by alex  on February 20, 2015 at 02:53 PM

    I attached a screen shot of the problem. When a client tries to fill the form out on Mozilla Firefox only, The text is so compressed they can't see what they are typing. Is there a way to fix this.

    Thanks Everyone for the help!!!
    Screenshot
    mozilla padding style input field
  • Profile Image

    Answered by Ben on February 20, 2015 at 04:07 PM

    I was able to find your jotform, but I see that you have a guest account. It would be best to create a free account since guest accounts means that anyone asking us to transfer the forms with the data will get them - it is basically as if they are all public.

    It would also allow you to access all your forms from iOS or Android devices as well as from different PC.

    Now having said that this is the jotform:

    http://www.jotform.us/form/50075080295149

    Based on the screenshot alone, it tells me that there is some padding issue with the fields.

    input {
        padding: 3px 8px !important;
    }

    This will set the padding at top and bottom to 3px and left and right to 8px, but with important clause we state that we want it to rule the other CSS code, so this should fix the issue for you.

    You can change the values and as you change the first number to up, you will see it cut away letters.

    You can see here how to add the CSS to your jotform: Inject Custom CSS Codes