My Form labels are too long

  • Profile Image
    bestsingletravel
    Asked on March 27, 2015 at 07:00 PM

    Please look at this form - https://secure.jotformpro.com/form/50857059888979  The photo and the submit button, I can't figure out how to make the outer box smaller - they are overlapping

    Please tell me how to fix because the submit button is overlapping in a lot of my forms.

     

    Thanks... Sheryl

  • Profile Image
    Shadae
    Answered on March 27, 2015 at 09:04 PM

    Hi Sheryl,

    I was able to locate the issue that you described on your form. This can be adjusted by adding some CSS code to your form.

    Please inject the following CSS code into your form:

    #cid_32, #cid_2 {

        max-width : 600px;

    }

    .form-textbox {

        max-width : 400px;

    }

    Please note that this code will fix this current form. We would be happy to assist you with any other form that you are having this issue with.

    I hope this helps! Please inform us if you need further assistance.

    Thank you.

  • Profile Image
    Sheryl
    Answered on March 30, 2015 at 07:14 PM

    Thank you that worked.  Can you please give me the code to fix this form

     

    http://form.jotformpro.com/form/31125225476954?

  • Profile Image
    jonathan
    Answered on March 30, 2015 at 09:04 PM

    The field ID# is #cid_35 

    so use this CSS instead

    #cid_35 {

      max-width: 625px;

      margin-left: -12px;

    }

     

    Please let us know how it goes and if you need further assistance.

    Thanks.