Square widget form field too short for Credit Card Number.

  • cookiezombie
    Asked on November 13, 2017 at 2: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!

    Jotform Thread 1297739 Screenshot
    Page URL: https://form.jotform.com/31357700808150
  • Sabbir
    Replied on November 13, 2017 at 2: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


  • cookiezombie
    Replied on November 14, 2017 at 3: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 Screenshot 10

  • Sabbir
    Replied on November 14, 2017 at 4: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 Screenshot 10

    Hope this will help.

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

  • cookiezombie
    Replied on November 14, 2017 at 4: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
    ...