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

    How to stop the sublabel of credit card and security code fields overlapping each other?

    Asked by buymorefans on April 25, 2016 at 09:09 AM

    Hi,

    I have a similar form on this page: http://maxiwand.com/buy-europe-magic-wand (check the credit card tab)

    The credit card number and security code is not overlapping each other. 

    How can I fix this form http://form.jotformpro.com/form/52108626711955

    located: http://maxiwand.com/buy-magic-wand-massager

    so it doesn't overlap anymore?

     

    ***Please don't adjust the form live as it is on a live money site. ***

    sublabel payment tool sublabels
  • Profile Image

    Answered by Ben on April 25, 2016 at 09:12 AM

    I took a look at your website and I see that the sublabels are still overlapping each other.

    As mentioned on the previous thread, this is happening due to the width of the same.

    Now to fix the sublabels from going one above the other, you should add the following CSS code to the same:

    #sublabel_cc_number {
        white-space: pre-line;
    }

    Once you do, it will show the label of the credit card number field in two rows, but will no longer overlap.

    Please do let us know how it goes.