How can I adjust the width of the credit card field?

  • baihs
    Asked on January 17, 2018 at 1:22 PM
    How can I adjust the width of the credit card field? Thanks.
  • Welvin Support Team Lead
    Replied on January 17, 2018 at 1:36 PM

    If you would like to align the credit card fields with the name inputs, inject the following custom CSS codes to your form:

    @media only screen and (min-device-width: 1028px)  {

    .square-hosted-fields {

    width: 170px !important;

    }

    }

     

    The custom CSS will only affect the width of the Credit Card fields when the form is viewed on a desktop. It is still responsive on mobiles.

    Please follow the steps in this guide to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. 

    The result would be like this:

    How can I adjust the width of the credit card field? Image 1 Screenshot 20