Payment field labels are misalined on my form

  • kauseway
    Asked on August 26, 2016 at 12:05 PM

    The alignment of labels on my form messed up. I did not make any changes and both forms are screwed up. I need help getting them working.

     

    https://form.jotform.com/50005155818954

    https://form.jotform.com/50974482697977

     

    I am going to try to hide or disable payment so they can at least schedule.  Looks like the labels are moved up and are blocking form fields.

  • kauseway
    Replied on August 26, 2016 at 12:11 PM

    I had to remove the payment field so we can keep scheduling. I have copied the first form here for you to look at:

     

    https://form.jotform.com/62385207697163

  • Kiran Support Team Lead
    Replied on August 26, 2016 at 1:37 PM

    There has been a change in the label alignment made to the payment fields which might have affected on your form since there is some custom CSS code has been applied for your form to change the alignment. 

    Please try deleting the following CSS code from the CSS code injected on your JotForm.

    #cid_14 label.form-sub-label {

        position : relative;

        top : -90px;

        font-size : 16px;

        margin : 25px 0px 0px 0px;

    }

    #id_14 {

        position : relative;

        top : 55px;

        z-index : 1;

        border-bottom : 1px solid #ccc;

    }

    #input_14_cc_firstName {

        margin : 35px 0px 0px 0px;

    }

    #input_14_cc_lastName {

        margin : 35px 0px 0px 0px;

    }

    This should be aligning the labels normal on the form. Please get back to us if you need any further assistance. We will be happy to assist.