CSS for text box font size and alignment are not working

  • Profile Image
    brandxtshirts
    Asked on August 07, 2016 at 05:42 PM

    My CSS I added to the form to increase the font size of text input boxes and it's alignment, stopped working. I can't figure out what's wrong with the code.

    Also, I'd like to create a margin padding so the text input is crammed against the edges of the text boxes.

    THANKS!

  • Profile Image
    Jan
    Answered on August 07, 2016 at 07:07 PM

    I checked your CSS code and I found out errors on it. There should be no "," comma after the ".form-textarea". Please remove it and this will allow the CSS to work properly.

    I'd like to create a margin padding so the text input is crammed against the edges of the text boxes.

    Please insert this custom CSS code on your form:

    .form-textbox, .form-textarea {
    padding-top: 5px !important;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    }

    Here's the result:

    Hope that helps. Thank you.

  • Profile Image
    brandxtshirts
    Answered on August 07, 2016 at 07:45 PM
    Worked great, thanks!
    What seems to be wrong with my "Product Size" grid? The selector arrows
    appeared and the text box rules aren't being applied to them.
    [image: photo]
    *Charles Goffnett*

    ...
  • Profile Image
    jonathan
    Answered on August 07, 2016 at 09:13 PM

    Your latest response did not include your attached image. But I think you were refering to the odd height/size of the input box of the fields.

     

    I was able to see the issue as well with the Matrix field using the Numeric input option.

    I have submitted a separate ticket issue to the next level support on this thread https://www.jotform.com/answers/900540

    Please refer to that thread for updates.

    Thanks.