How to increase width of payment field cc number box

  • Profile Image
    kcmilesformusic5k
    Asked on March 10, 2017 at 03:12 PM

    i am using the square payment portal for our 5K race registration page, why can't the customers visually see the last number of their credit card being entered?  This is causing alot of concern/fear that the payment is not going through.

    thanks!

  • Profile Image
    jonathan
    Answered on March 10, 2017 at 07:51 PM

    Please add this CSS codes on your form.

    #square_cc_number{

    width : 195px !important;

    }

     

    It will increase the input box for the payment field CC number.

    Let us know if this did not work.

     

  • Profile Image
    kcmilesformusic5k
    Answered on March 10, 2017 at 08:46 PM
    this is fabulous, but i do not know how to access where to paste this code
    ...
  • Profile Image
    liyam
    Answered on March 11, 2017 at 08:55 AM

    Hello,

    You can inject the CSS code by following these steps:

    1. In the form builder, click the Form Designer icon.

     

     

    2. Click on the CSS tab, and paste the code in the "Inject Custom CSS" area.

     

     

    3. Once the code has been injected, do not forget to click on the Save button on the lower part of the window.

     

    If you have questions or if you need assistance, please let us know.

    Thanks

  • Profile Image
    kcmilesformusic5k
    Answered on March 11, 2017 at 10:46 AM
    Thank you! Problem solved!
    ...
  • Profile Image
    kcmilesformusic5k
    Answered on March 11, 2017 at 10:46 AM
    Thank you! The problem is now fixed!
    ...
  • Profile Image
    liyam
    Answered on March 11, 2017 at 11:54 AM

    Thanks for keeping us posted, kcmilesformusic5k. I'm glad that the issue is now resolved.

    Feel free to get back to us if you have other questions or concerns.

    Thanks.