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 can I adjust the left margin of the entire form?

    Asked by lourdeshealth on March 17, 2015 at 12:26 PM

    This never used to happen, but now all of the forms i create on jot form and then embed into my website all indent really far to the right,

    and there's also quite a bit of space on the top and bottom of some of them. What is causing this and how can it be fixed?
    Page URL:
    http://www.lourdeshealth.net/lourdes-classic/registration.html

    indenting margin form margin adjust left margin injected css form designer form alignment alignment
  • Profile Image
    JotForm Support

    Answered by Welvin on March 17, 2015 at 02:02 PM

    Hi,

    That is the default alignment of the form, but you can simply inject the following CSS codes to move the form to the left:

    .form-all {

      margin-left: 0px;

    }

    Here's how you can inject the codes to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    As for the top and bottom padding to some other forms, I will be checking that into this thread: http://www.jotform.com/answers/534985.

    Thank you!

  • Profile Image

    Answered by lourdeshealth on March 18, 2015 at 02:38 PM

    thanks. I did that and then re-embedded the form on my page, but it is still doing the same thing.

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on March 18, 2015 at 06:02 PM

     

    Did you try what Welvin suggested here?

    .jotform-form {

     

      padding-bottom: 10px;

     

      padding-top: 10px;

     

    }

    That should solve the problem with the top and bottom

     

    For the margin

    .form-all {

     

      margin-left: 0px;

     

    }

     

  • Profile Image

    Answered by lourdeshealth on March 19, 2015 at 11:52 AM

    Yes I did, and nothing changed. Am I doing it right? Here is the page the form is located: http://www.lourdeshealth.net/patients_families/patient_experience.html

    And here is the form on Jotform: http://www.jotform.com/form/2990450023

    Let me know. thank you.

  • Profile Image
    JotForm Support

    Answered by KadeJM on March 19, 2015 at 01:53 PM

    I believe I see the problem you mean on your website. I can also see that you have applied the changes correctly.

    If I am not mistaken I believe you wish to have your form align fully to the left underneath the rest of your webpage if that is correct?

     

    Try adding in " !important " after margin: 0px; for your .form-all to see if that helps.

    .form-all {

      margin-left: 0px !important;

    }

    I think there is another line of code somewhere that is interfering with it so adding the " !important " after it will override that and reset the margin as you are trying to enforce.

    Example: