How can I get my form to be left aligned with the Header of the page?

  • j21frye
    Asked on April 25, 2018 at 10:37 AM

    I've tried using the Advanced tool, but I can't seem to get the text all the way over. 

    Jotform Thread 1455015 Screenshot
    Page URL: http://www.homey-llc.com/
  • BJoanna
    Replied on April 25, 2018 at 11:39 AM

    Please add the following CSS code to your form:

    .form-all {

    float: left;

    }

    How to Inject Custom CSS Codes

    This should be the result.

    1524670606form Screenshot 10

  • j21frye
    Replied on April 25, 2018 at 12:43 PM
    thanks, but when i did that, the email address field disappeared.
    http://www.homey-llc.com/
    ...
  • BJoanna
    Replied on April 25, 2018 at 12:57 PM

    it seems that you removed the CSS code from your form, so I cannot see the issue you reported. 

    Please try with this CSS code:

    .form-all {

        margin-left: 0!important;

    }

  • j21frye
    Replied on April 25, 2018 at 2:43 PM
    this is excellent! thank you! Could you also provide the CSS to eliminate
    the top margin too?
    ...
  • Mike_G JotForm Support
    Replied on April 25, 2018 at 4:17 PM

    Here are the CSS codes you need for that.

    .jotform-form {

        padding-top: 0px !important;

    }

    If you have other questions, please do not hesitate to let us know.