What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Need help cleaning up the payment field by using custom CSS

    Asked by ewinder on August 17, 2016 at 02:05 PM

    I have a payment form that allows customers to select a donation level, or to enter another amount of their choosing.  However, I would like the credit card number and security code to be on one line.  I would also like the expiration month and year to be on one line as well.  I appreciate your help!

    Page URL:
    https://www.jotformpro.com/form/62294956802969?preview=true

    section payment form donation credit card
  • Profile Image
    JotForm Support

    Answered by Boris on August 17, 2016 at 04:26 PM

    Please try injecting the following custom CSS into your form:

    li[data-type="control_authnet"] .form-address-table tr:nth-of-type(3) .form-sub-label-container,
    li[data-type="control_authnet"] .form-address-table tr:nth-of-type(4) .form-sub-label-container {
        width: 48%;
    }

    li[data-type="control_authnet"] .form-address-table tr:nth-of-type(3) .form-sub-label-container:nth-of-type(1),
    li[data-type="control_authnet"] .form-address-table tr:nth-of-type(4) .form-sub-label-container:nth-of-type(1) {
        margin: 0 3% 0 0;
    }

    You can inject custom CSS into your form by following this guide:

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

    Upon adding the above CSS to your form, your form should display like this:

    Please try it out, and let us know should you need any further assistance. Cheers