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 prevent form alignment to the left

    Asked by BelovedBirthing on February 19, 2016 at 01:02 PM

    Hello, 

    I have my text placed all the way over to the left, but when I preview it, the text is moved.  See attached pictures. 

    Screenshot
    margin align left
  • Profile Image
    JotForm Support

    Answered by Nik_C on February 19, 2016 at 02:33 PM

    Hi,

    The reason why you see this in preview is because your form div is centered. You aligned everything to the left but the div that contains your form is centered. To align your whole form to the right you need to add custom CSS to your form.

     

    You can inject custom CSS by clicking on Preferences in form builder.

    1. Click on Form Styles. 

    2. Click on Inject custom CSS

     

     

    Field will become editable and there you need to insert this snippet of CSS:

    .form-all {

    margin-left:0 !important;

     

    }

    Be careful not to delete anything in this field because it can break your forms design

    When you're done press the green Close Settings button.

     

    Please let me know if this works for you.

     

    Best regards