Square widget form field too short for Credit Card Number.

  • Profile Image
    cookiezombie
    Asked on November 13, 2017 at 02:33 PM

    Hello, This happened once before and it was fixed with some code by a JotForm member. I don't know why it would happen again but here it is...

    Some customers are reporting that they cannot enter the last digit of their credit card number in the credit card number field so they cannot place their order. 

    Thanks for your help!

  • Profile Image
    Sabbir
    Answered on November 13, 2017 at 02:42 PM

    I have checked your form and I was able to put 16 digit credit card number.

    Also, your screenshot didn't appear. Please follow this link to know how to post screenshot in our support forum:

    https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum


  • Profile Image
    cookiezombie
    Answered on November 14, 2017 at 03:49 PM

    Maybe those customers had larger font settings? Regardless, how can I widen the field so all users can use the form? Thanks for your help.



    1510692489Screen Shot 2017-11-13 at 11.3

  • Profile Image
    Sabbir
    Answered on November 14, 2017 at 04:11 PM

    You can apply this CSS code in your form designer's CSS tab:

    #square_cc_number
    {
      width: 180px;
    }

    This will widen your credit card input field.

    Here where you have to put it:

    1510693830clientcss.jpg

    Hope this will help.

    If you have any further query, please let us know.

  • Profile Image
    cookiezombie
    Answered on November 14, 2017 at 04:43 PM
    Perfect. Thank you!
    Cookie Zombie
    213-260-0144
    Follow us & tag us! @cookiezombieLA
    Menu: www.cookiezombie.me
    Instagram: instagram.com/cookiezombieLA
    Facebook: facebook.com/cookiezombieLA
    Twitter: twitter.com/cookiezombieLA
    ...