Change width of credit card number field in square integration

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

    Hello,

    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?

     

    Thanks!

  • Profile Image
    Mike_G
    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;

    }

    How-to-Inject-Custom-CSS-Codes

    (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.