CSS for text box font size and alignment are not working

  • brandxtshirts
    Asked on August 7, 2016 at 5: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!

  • Jan
    Replied on August 7, 2016 at 7: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.

    CSS for text box font size and alignment are not working Image 1 Screenshot 30

    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:

    CSS for text box font size and alignment are not working Image 2 Screenshot 41

    Hope that helps. Thank you.

  • brandxtshirts
    Replied on August 7, 2016 at 7: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*

    ...
  • jonathan
    Replied on August 7, 2016 at 9: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.

    CSS for text box font size and alignment are not working Image 1 Screenshot 20

     

    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.