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

  • rachlapp
    Asked on September 1, 2015 at 2: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.

    Jotform Thread 652769 Screenshot
  • Mike
    Replied on September 1, 2015 at 4:13 PM

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

    http://pastebin.com/PUASABHu

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

    It should fix the alignment and extra space issues.

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

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

  • rachlapp
    Replied on September 1, 2015 at 8:31 PM

    Worked! Thank you!