How can I fix row height of credit card input fields on my form?

  • mo_bigbadoverlord
    Asked on September 12, 2019 at 6:23 PM

    The input fields for payment, which are through Square, are too vertically narrow - the input doesn't display properly. Because these fields are from Square, I presume, I can't seem to edit any of their properties through Jotform. Any suggestions? 

  • Kevin Support Team Lead
    Replied on September 12, 2019 at 7:38 PM

    The fields height can be increased with the following CSS code: 

    #square_cc_number, #square_cc_ccv, #square_cc_exp, #square_cc_postal {

        height: 46px !important;

    }

    Kindly change the 46 value with any other, this guide will help you injecting this to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Let us know how it goes. 

  • mo_bigbadoverlord
    Replied on September 12, 2019 at 9:25 PM

    Thanks very much! That did the trick!