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

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

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

    .form-all{

    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
    Mike
    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.

    http://pastebin.com/PUASABHu

    It should fix the alignment and extra space issues.

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

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

    Worked! Thank you!