Credit Card fields are to small for numbers to fit.

  • Profile Image
    brandedphotography1206
    Asked on July 25, 2019 at 09: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. 

  • Profile Image
    BJoanna
    Answered 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.PNG

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

    Feel free to test it and clone it

  • Profile Image
    brandedphotography1206
    Answered on July 25, 2019 at 11:46 AM

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

  • Profile Image
    AndrewHag
    Answered on July 25, 2019 at 01: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.

  • Profile Image
    brandedphotography1206
    Answered on July 25, 2019 at 02:43 PM
    Thank you so much!
    Just checked it its all fixed!
    ...