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

    Spacing Issues

    Asked by lshad24 on October 14, 2011 at 02:54 PM

    I injected some CSS to create some space between two heading elements.  It seems to work fine; however, when I preview my form the spacing isn't correct.  Is my CSS correct to accomplish this?

    Page URL:
    http://jotform.com/form/12864043176

  • Profile Image

    Answered by yasinco on October 14, 2011 at 02:58 PM
  • Profile Image

    Answered by lshad24 on October 14, 2011 at 03:02 PM

    The spacing is okay for the third header (ONe more heading).  How can I make 15px more space above the 'Another Heading' ?

  • Profile Image

    Answered by yasinco on October 14, 2011 at 03:03 PM

    What is the CSS you entered?

    ~Yasin

  • Profile Image

    Answered by lshad24 on October 14, 2011 at 03:05 PM

    .form-header-group {margin-top: 25px;
    }

  • Profile Image

    Answered by yasinco on October 14, 2011 at 03:07 PM

    Im not so sure but maybe you should just try adding another copy of that code but change it to 40px

    ~Yasin

  • Profile Image

    Answered by lshad24 on October 14, 2011 at 03:10 PM

    It actually does make a differnece; however, just like before, when I click preview the spacing I added is not seen.

  • Profile Image

    Answered by yasinco on October 14, 2011 at 03:20 PM

    Ok and a JotForm Support Rep will help you soon.

    ~Yasin

  • Profile Image

    Answered by fxr on October 14, 2011 at 03:24 PM

    You have an awful lot of custom css on that form. Its making hard to work out options for these positioning issues of yours. Are you sure its all absolutely necessary? 

    though, you could try:

     

    #cid_27 {padding-top:75px;}

  • Profile Image

    Answered by lshad24 on October 14, 2011 at 03:24 PM

    SOLVED:  I'm not sure how it worked, but here is the CSS I injected to get the results I desired.

    .form-header-group {margin-top: 30px;
    }
    #id_31 {padding-bottom:30px;}

  • Profile Image
    JotForm Support

    Answered by idarktech on October 14, 2011 at 03:27 PM

    I was about to add my idea, but glad to hear you were able to sort it out. It was just a conflict on shrinking of your full name field, since you have added another field on the same line that solves the issue.

    If you have more questions just feel free to ask.

    ~idarktech