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

    Decreasing the header's width for alignment

    Asked by 2ezy on March 24, 2015 at 06:27 AM

    Hi my header is wider than the rest of the form. How can I change it so it lines up with the rest of the form.

    Also

    how can I make the submit button wider?

    Thanks Mark

    Page URL:
    http://form.jotformpro.com/form/50801833881961

    Screenshot
    wider decrease header width alignment
  • Profile Image
    JotForm Support

    Answered by Jan on March 24, 2015 at 10:45 AM

    Hello there,

    You can decrease the width of the header by using this custom CSS code:

    .form-header-group {

    width: 548px !important;

    }

    Here's a guide on how to inject custom CSS.

    Hope this helps. Let us know if you need further assistance.

    Thank you.

  • Profile Image
    JotForm Support

    Answered by Jan on March 24, 2015 at 10:46 AM

    I created another thread for your submit button inquiry. This is the URL of the new thread: http://www.jotform.com/answers/539382

    Thank you for understanding.

  • Profile Image

    Answered by 2ezy on March 24, 2015 at 11:10 PM

    Hi Jan,

    Ok that has fixed the width now. I have selected the form to be responsive but the header and condition field are going off the right hand side of the screen on mobiles. On ipad the fields are going full width of screen and the header is staying at a fixed width which is smaller.

    We use to get email notifications when you replied to our questions but I haven't been getting these. Has this changed?

    Thanks Mark

  • Profile Image
    JotForm Support

    Answered by Welvin on March 25, 2015 at 07:21 AM

    Hi Mark,

    Remove the custom CSS codes for the header width and use the following instead:

    .form-header-group {

        margin : 12px 48px 12px 36px !important;

    }

     

    For the "condition" checkbox field, use the following custom CSS codes:

    span.form-checkbox-item {

      white-space: normal !important;

    }

    As for receiving the forum reply issue, will answer it here: http://www.jotform.com/answers/540124 

    Thank you!

  • Profile Image

    Answered by 2ezy on March 25, 2015 at 07:40 AM

    Hi Welvin,

    Ok that has fixed the header and condition field but

    I am still getting the form fields spread right out on the width when viewing on ipad.

    Also just notice I have two sub lables and they are not going responsive when viewed on phone.

    Thanks Mark

  • Profile Image
    JotForm Support

    Answered by Welvin on March 25, 2015 at 08:45 AM

    Hi Mark,

    That's great to know! Will handle all the remaining issues into a separate threads, please find the links below:

    iPad issue: http://www.jotform.com/answers/540159

    Sub-label on iPhone issue: http://www.jotform.com/answers/540160

    Thank you!