In Firefox padding is making the entered text not seen properly

  • Profile Image
    Asked 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!!!
  • Profile Image
    Answered 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:

    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