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

    Some form input labels are overlapping when aligning the form to the right

    Asked by pandalabs on April 08, 2014 at 09:04 AM

    Hi,

    I have a few issues with my form:

    1. Some of the text overlaps with the text boxes.

    2. When I embed it on my wix site, the send button (the red button) is cut off a little bit (I can only see half of it). I tried to increase the height of the form directly in the Wix html box by setting a higher hight but that didn't work.

     

    Thanks!

    Page URL:
    http://form.jotform.me/form/40974070652455

    height site text boxes thanks
  • Profile Image
    JotForm Support

    Answered by TitusN on April 08, 2014 at 09:58 AM

    Hello,

    I can see what you mean:

    About the first issue, please use the following CSS code to fix the overlapping text and input boxes:

    .form-label-top, .form-label-left, .form-label-right {
    float: initial;
    }

    To add the CSS to your form, please use this linked guide.

    Please let us know if this helps.

    ****

    About the second issue, please click here to open a new support request.

    In your new request - add the URL or link to your wix site so that we can examine and advice.

    Thanks

     

  • Profile Image

    Answered by pandalabs on April 09, 2014 at 04:44 AM

    Thanks,

    I added the code you wrote but I see no difference.

    I already have some CSS code I added to the form, so do I need to add it somewhere specific or at the end of the CSS code?

  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 09, 2014 at 07:20 AM

    Hello 

    Please check the following cloned form and see if this looks as per your requirement:  http://form.jotformpro.com/form/40982852774972?

    Feel free to clone this form for a closer look. Teh following guide shoudl help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Thank you!

  • Profile Image

    Answered by pandalabs on April 15, 2014 at 06:04 AM

    Yes, thank you, the text doesn't overlap now.. but it's still very tight.. any way to increase the space between the text boxes and the texts?

  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 15, 2014 at 08:16 AM

    Hello pandalabs,

    I did try to increase the space but the one of the question goes to next line. I somehow managed to increase it a bit. Please take a look at the following form :  http://form.jotformpro.com/form/40982852774972?

    Hope this suits your requirement.

    Thank you!