Credit Card fields are to small for numbers to fit.

  • brandedphotography1206
    Asked on July 25, 2019 at 9:37 AM

    I have linked my bank information and everything else required to allow people to buy online. And when my customers go to fill out there credit card inforamtion all of the fields boxes are to small for them to be able to see there numbers. I have tried to fix it but it will not allow me to. 

    Jotform Thread 1903777 Screenshot
  • BJoanna
    Replied on July 25, 2019 at 10:50 AM

    Please add the following CSS code to your form to resolve the issue with credit card fields:

    iframe#square_cc_exp {

        height: 30px;

    }

    iframe#square_cc_number {

        height: 30px;

        width: 300px;

    }

    iframe#square_cc_ccv {

        height: 30px;

    }

    iframe#square_cc_postal {

        height: 30px;

    }

    How to Inject Custom CSS Codes

    1564066092cc Screenshot 10

    Here is a demo form - https://form.jotform.com/92054690203956 

    Feel free to test it and clone it

  • brandedphotography1206
    Replied on July 25, 2019 at 11:46 AM

    Thank you I tried to do it but it will not change it.

  • AndrewHag
    Replied on July 25, 2019 at 1:18 PM

    It seems you have added the code inside the media query. I updated the code and added it in the correct place. Please check and let us know.

  • brandedphotography1206
    Replied on July 25, 2019 at 2:43 PM
    Thank you so much!
    Just checked it its all fixed!
    ...