How to prevent form alignment to the left

  • BelovedBirthing
    Asked on February 19, 2016 at 1: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. 

    Jotform Thread 776557 Screenshot
  • Nik_C
    Replied on February 19, 2016 at 2: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.

    How to prevent form alignment to the left Image 1 Screenshot 30

    1. Click on Form Styles. 

    2. Click on Inject custom CSS

     

    How to prevent form alignment to the left Image 2 Screenshot 41

     

    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