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

  • Profile Image
    baihs
    Asked on January 17, 2018 at 01:22 PM
    How can I adjust the width of the credit card field? Thanks.
  • Profile Image
    Welvin
    Answered on January 17, 2018 at 01: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: