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

  • Profile Image
    pandalabs
    Asked 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!

  • Profile Image
    TitusN
    Answered 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
    pandalabs
    Answered 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
    ashwin_d
    Answered 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
    pandalabs
    Answered 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
    ashwin_d
    Answered 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!