How can I correct the CSS of my payment form?

  • Profile Image
    miohonda
    Asked on September 29, 2016 at 01: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.

    Thank you!

     

  • Profile Image
    ashwin_d
    Answered on September 29, 2016 at 05: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!