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

    Field alignments

    Asked by ronprosky on July 07, 2017 at 12:50 AM

    1) equal spacing between fields

    2) align submit with fields

    3) remove shadow box in background

    Page URL:

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 07, 2017 at 02:31 AM

    Thank you for contacting us.

    Please find my answer to your questions below:


    1) equal spacing between fields.

    input#input_5 {

        left: 10px;

        position: relative;



    input#input_3 {

        position: relative;

        left: 10px;



    2) Align submit with fields.


    button#input_2 {

        margin-top: 0px;



    3) Remove shadow box in the background.

    Regarding #3 question I can't able to see the shadow box in the background. If you mean you want to remove the highlight background effect on the inputs, you can disable it on the Form settings.



    Here's should be the result after injecting the CSS I have provided:

    Please let us know if you need further assistance.


  • Profile Image

    Answered by ronprosky on July 07, 2017 at 03:18 PM

    that worked great thanks.  check out the blue box shadow now!

  • Profile Image
    JotForm Support

    Answered by Jan on July 07, 2017 at 04:59 PM

    I believe you are referring to the box shadow wrapping around the form. If yes, then please insert the CSS code below to remove the box shadow:

    .supernova .form-all {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;

    .supernova .form-all, .form-all {
    border: none;

    Here's a guide How-to-Inject-Custom-CSS-Codes. Here's the result:

    Hope that helps. Thank you.

  • Profile Image

    Answered by laine on July 11, 2017 at 04:00 PM

    it's not responsive. how do i get it to work on mobile?
  • Profile Image
    JotForm Support

    Answered by Jan on July 11, 2017 at 05:27 PM

    I created a new thread since you are already referring to a different issue. Please wait for my reply on this thread: https://www.jotform.com/answers/1196817.

    Thank you.