JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
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?
indenting margin form margin adjust left margin injected css form designer form alignment alignment
That is the default alignment of the form, but you can simply inject the following CSS codes to move the form to the left:
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.
thanks. I did that and then re-embedded the form on my page, but it is still doing the same thing.
JotForm Support Manager
Did you try what Welvin suggested here?
That should solve the problem with the top and bottom
For the margin
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.
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.
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.