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

    How to adjust Space between header and form

    Asked by UBANY on September 09, 2015 at 06:27 PM

    I need to space up the header of my form from the rest of the form body.

    I injected this CSS Code

    .form-header-group, .form-header-group + .form-header-group {

     

        border-top: 0px none;

        padding-bottom: 10px;

    }

     

    .form-line {

        padding-top: 0px;

        padding-bottom: 10px;

    }

    but it did work. 

    How can I achieve that?

     

    Thank you.

    and adjust how style css code form-line top
  • Profile Image
    JotForm Developer

    Answered by evren on September 10, 2015 at 02:53 AM

    Hi UBANY,

    Can you embed this css into your code ?

    .form-header{

        padding-bottom: 40px !important;

    }

    Please feel free to contact me if you have any questions.

    Thank you

  • Profile Image

    Answered by UBANY on September 10, 2015 at 07:20 AM

    Hi Evren,

    Thank you.

    It still did not work with mine.

  • Profile Image
    JotForm Developer

    Answered by evren on September 10, 2015 at 08:18 AM

    Hi UBANY,

    I dig your form css. As I see you have more than one same class definition on your injected css.

    For example you have two different h2.form-header block.

    I edit one of this block for you.

    h2.form-header {

    line-height : 1em;

    padding-bottom : 70px;

    font-size : 1.714em;

    }

    Can you check it ? 

    Please feel free to contact me for any further assistance.

    Thank you

  • Profile Image

    Answered by UBANY on September 10, 2015 at 09:37 AM

    Great. It worked.

    Thank you, evren.

     

    NB. please can you quickly look into my other request? i have aready open a section for it with the heading

    "Form Inactive in Mozilla Firefox (Private)"

    Thank you.

  • Profile Image
    JotForm Developer

    Answered by evren on September 10, 2015 at 10:00 AM

    Hi UBANY,

    I glad that your problem have been solved.I also answered your question on other thread.

    Please feel free to contact me for any further assistance.

    Thank you

  • Profile Image

    Answered by See71 on October 19, 2015 at 02:51 PM

    Why there is space at the top of the header?

    How to remove the glue to form part?

    https://gyazo.com/ab034b8dbd0a60f29757047f7eaccf60

  • Profile Image
    JotForm Support

    Answered by KadeJM on October 19, 2015 at 04:09 PM

    @ See71

    I have moved your followup issue to this new thread

    We ask that in the future you please post your own questions as a new separate thread issue.