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

    Can I shorten the fields for entering credit card data?

    Asked by stevenkessler on March 27, 2016 at 06:24 PM

      For my one and only form  -- 

    How can I get the Credit Card Number field and the Security Code number field on one line?  Also, how can I get the credit card expiration date and the expiration year on one line?

    Page URL:
    http://www.efttherapycenter.com/eft-level-1.htm

    credit card expiration date and
  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 27, 2016 at 09:37 PM

    Hello stevenkessler,

    I am currently working to find a a solution of your problem but it is talking time. I will get back to you on this later today. 

    Thank you!

  • Profile Image

    Answered by stevenkessler on April 14, 2016 at 02:12 AM

    Did anyone ever succeed in shortening these fields to make the credit card section look cleaner and more professional?

     

    thanks,

    Steven

  • Profile Image
    JotForm Support

    Answered by beril on April 14, 2016 at 03:51 AM

    Hello Steven'

    First of all, we are deeply sorry for the late response. Içe checked your form which is http://www.jotform.us/form/60877419690165 I am able to reproduce the same issue that you're having.

     

    To solve that issue, you can add the CSS code below:

    .form-textbox.cc_number {

        width : 170px !important;

    }

    .form-sub-label-container {

        width : 170px !important;

    }

    #cid_15 span.form-sub-label-container {

        width : 170px !important;

        margin-left : 15px !important;

    }

    At that time, it will work as expected. Here is how it works on my side:

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.