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

  • Profile Image
    jgarrett4200
    Asked on January 03, 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

  • Profile Image
    david
    Answered on January 03, 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

  • Profile Image
    jgarrett4200
    Answered on January 03, 2017 at 01:03 PM

    Perfect, Thanks!!

     

    John