How can I completely left align my form and get rid of the top & bottom margins when I embed in Shopify website?

  • Profile Image
    Asked on September 01, 2015 at 02:12 PM

    I've already altered the CSS by adding the following code:


    margin-left: 0;


    This worked to a degree but doesn't align my form with header on my Shopify page.

    Also there is too much margin a the top of the form. I've tried inserting the following code:


    .jotform-form {


      padding: 0;



    Nothing happened when I inserted the above code. Trying to get this form looking like it belongs on the page in which it's embedded.

  • Profile Image
    Answered on September 01, 2015 at 04:13 PM

    Please grab CSS from the next link and add it to the CSS section of form designer.

    It should fix the alignment and extra space issues.

    If you need any further assistance, please let us know.

  • Profile Image
    Answered on September 01, 2015 at 08:31 PM

    Worked! Thank you!