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

  • Profile Image
    buymorefans
    Asked 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. ***

  • Profile Image
    Ben
    Answered 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.