Flush left

  • Profile Image
    linmchugh
    Asked on June 06, 2014 at 01:01 PM

    Trying to make this form flush left on my iweb website.  Any clues on what I can change???

     

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/41537758467165" frameborder="0" style="width:100%; height:816px; border:none;" scrolling="no"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

  • Profile Image
    BryanPaulo
    Answered on June 06, 2014 at 01:14 PM

    Thank you for contacting us.

    Kindly inject custom CSS to your form using hte following stylesheet:

    .form-all {

    margin-left: -37px !important;

    }

    Once done, save your form them re-embed it to your website. This should align your form to the text on the left.

    Let us know if you need further help.

  • Profile Image
    linmchugh
    Answered on June 06, 2014 at 01:20 PM

    Thanks, that worked, but I had to tweak it to -30 px