How to prevent form alignment to the left

  • Profile Image
    BelovedBirthing
    Asked 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. 

  • Profile Image
    Nik_C
    Answered 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