How to modify display styles of Square payment widget

  • Profile Image
    abennet4
    Asked on August 27, 2018 at 06: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?

  • Profile Image
    BDAVID
    Answered on August 27, 2018 at 08: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.png

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

  • Profile Image
    abennet4
    Answered on August 27, 2018 at 10:43 PM
    thank you
    ...