Set Minimum Field Height for credit card and CVV fields in payment field

  • jgarrett4200
    Asked on January 3, 2017 at 11:23 AM

    I user set this screen shot of field that open too short.   (I don't know what browser)

    How do I set a minimum height is CSS to prevent this on the odd/old browsers?

    Thanks

    John

    Set Minimum Field Height for credit card and CVV fields in payment field Image 1 Screenshot 20

    Jotform Thread 1024175 Screenshot
  • David JotForm Support
    Replied on January 3, 2017 at 12:46 PM

    To set the minimum height for the credit card and security code fields, add the following code to your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-textbox.cc_ccv {
        min-height : 30px;
    }

    .form-textbox.cc_number {
        min-height : 30px;
    }

    Here is the code for the rest of the fields in the payment field:

    .form-dropdown.cc_exp_month {
        min-height : 30px;
    }

    .form-dropdown.cc_exp_year {
        min-height : 30px;
    }

    .form-textbox.cc_firstName {
        min-height : 30px;
    }

    .form-textbox.cc_lastName {
        min-height : 30px;
    }

    Here is how the form would look with all of the above added:

    https://www.jotformpro.com/form/70025402066948

  • jgarrett4200
    Replied on January 3, 2017 at 1:03 PM

    Perfect, Thanks!!

     

    John