Change width of credit card number field in square integration

  • Profile Image
    Asked on May 18, 2017 at 03:07 PM


    I need to change the width of the credit card payment field in square integration so all the numbers are visible -- see attachment. Can this be done without decreasing font size?



  • Profile Image
    Answered on May 18, 2017 at 04:13 PM

    To increase the width of the credit card field under the payment field in your form, please add the following CSS codes to your form.

    iframe#square_cc_number {

        width: 160px !important;



    (You can increase the width's value to your preference)

    I hope this helps. If you have other questions or concerns, please feel free to contact us again anytime.

    Thank you.