Credit card fields do not line up

  • santabarbaratamales
    Asked on October 1, 2016 at 8:23 AM

    I just switched my payment tool to square. In testing the form, I was unable to

    enter the credit card information because the fill-in fields are not sized properly.

    Please advise.

     

    Thank you,

    Richard Lambert

    Page URL: https://www.jotform.com//?formID=62724516405857
  • Elton Support Team Lead
    Replied on October 1, 2016 at 4:34 PM

    Hello Richard,

    On Chrome, the credit card fields are looking good and easy to fill.

    Credit card fields do not line up Image 1 Screenshot 30

    It is also looking good on tablet and smartphones.

    Credit card fields do not line up Image 2 Screenshot 41

    Is this already resolved? If not, can you please tell us the device and browser you are having trouble with? If you can provide a screenshot, that would be a big help. Thanks!

  • Elton Support Team Lead
    Replied on October 1, 2016 at 4:39 PM

    You can also try to inject this CSS codes into your form and see if this helps.

    .square-hosted-fields {

        width: 100% !important;

        height: auto !important;

        max-height: 30px;

        box-sizing: border-box;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes