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

    Why don't the form separators work?

    Asked by sroyal on September 02, 2016 at 02:52 PM

    I am trying to use a Form Separator between certain sections of my form and would like some space under the Email Address and Phone Number boxes and the 2nd (or 3rd) Presenter's Name (see URL below). I have tried different numbers in the Space Below the Line and Space Above the Line and  find that it makes no difference. The separators are still touching the bottom of the boxes. They would look much better if the separators were several lines below the boxes

    I must be doing something wrong. Can you please tell me what it is?

    Thanks,

    Steve

    Page URL:
    https://form.jotform.com/62233081655149

    work the form name sections phone number different
  • Profile Image
    JotForm Support

    Answered by KadeJM on September 02, 2016 at 04:21 PM

    If I understand your issue correctly it seems that you are having a bit of difficulty spacing out the form separator widget away from your email fields.

    Please allow me some time to investigate this with your form further to figure out what is going on and I'll update you as soon as I can with a possible solution.

  • Profile Image
    JotForm Support

    Answered by KadeJM on September 02, 2016 at 04:37 PM

    Okay, I believe I've found an easy enough solution to this problem for you.

    Inject this line of css into your form and what this will do is make the margin associated with the bottom of your Phone Number fields longer forcing the form separator widgets downward more.

     

    Updated Version of your Form:   

    https://form.jotform.com/62456601430953   [CLONE ME!]

     

    CSS:

    #id_31, #id_50, #id_60 {

        margin-bottom : 10px;

    }

     

     

    Hope this helps and if you need any further assistance just let us know.