How to modify display styles of Square payment widget

  • abennet4
    Asked on August 27, 2018 at 6:45 PM

    How do I widen the credit card number field which is not wide enough to display all the numbers?  How can I alter the credit card fields height?

    Page URL: https://form.jotform.com/82386878484982
  • David JotForm Support Manager
    Replied on August 27, 2018 at 8:53 PM

    Please try injecting the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #square_cc_number{

        width: 100% !important;

    }

    Result:

    1535417542result 001 Screenshot 10

    Let us know if you need more help, we will be glad to assist you.

  • abennet4
    Replied on August 27, 2018 at 10:43 PM
    thank you
    ...