How can I correct the CSS of my payment form?

  • miohonda
    Asked on September 29, 2016 at 1:29 AM

    I am having trouble editing my payment form CSS.

    For some reason the CVC field appears in a new line. I want it to be shown next to the credit card number.

    Same thing happened with the valid thru date. I want this to be shown in the same line as well, but I cannot figure out how I can correct this.

    Please kindly help me adjust this layout.

    How can I correct the CSS of my payment form? Image 1 Screenshot 20

    Thank you!

     

    Page URL: https://www.jotform.me/form/62380934498467?preview=true
  • Ashwin JotForm Support
    Replied on September 29, 2016 at 5:03 AM

    Hello miohonda,

    Please inject the following custom css code in form and that should solve your problem:

    .form-address-table td[colspan="2"] .form-sub-label-container {

        width: 50%;

    }

    The following guide should help you how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!