What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to line up the form with the other elements of the website?

    Asked by victoria on December 08, 2015 at 02:31 PM
    Now how can I have it not centered but lining up with the text above?
    Many thanks,
    Victoria
    left aligned form
  • Profile Image

    Answered by Ben on December 08, 2015 at 02:37 PM

    I took a look at the page here: http://www.victorialacroix.com/Contact

    Now, I presume that you want to have the form on the far left part - next to the scrollbar and right under the text above, instead of it being centered as it is currently.

    If that is not true Victoria, do let us know.

    The easiest way to do it would be to add this code to your form:

    div.form-all {
        float: left;
    }

    You can see how to do so by following the steps here: Inject Custom CSS Codes

    I would only recommend adding that CSS code under all the other code in there.

    Do of course let us know how it goes. :)

  • Profile Image

    Answered by victoria on December 09, 2015 at 06:45 PM
    Hi there,
    Thanks for that! It is exactly what I want!
    Unfortunately it’s not working though.
    I paste the CSS code following the exact steps of Inject Custom CSS Codes
    But after refreshing the page of my website, there is no changes!
    Am I missing something?
    Thank you!
    Illustrator & Art Director
    victorialacroix@aol.com
    075 0861 6599
    www.victorialacroix.com
    Twitter: @victoria_lax
    Instagram: @victorialacroix
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on December 09, 2015 at 11:14 PM

    Use this:

    .form-line {

    padding: 12px 0 !important;

    }

    If you also want to align the submit button to the left, add this.

    .form-buttons-wrapper {

        text-align: left !important;

    }

    Result:

    Let us know if you need anything else.

    Regards!

  • Profile Image

    Answered by victoria on December 10, 2015 at 04:45 AM
    Thanks for that!
    So I paste the new code into the ‘inject custom CSS’ and I can see it worked on the preview of your website.
    So I saved it all and then refresh my website but the form on there stays the same!
    I supposed you actually have to recreate the iframe code on Jotform to copy it and paste this new code into Cargo.
    But the code the it creates when you click Iframe or click on the cargo platform doesn’t actually work on my website!!
    This is the code generated:
    id="JotFormIFrame"
    onload="window.parent.scrollTo(0,0)"
    allowtransparency="true"
    src="https://form.jotformeu.com/53412406952351"
    frameborder="0"
    style="width:100%;
    height:539px;
    border:none;"
    scrolling="no">


    This is the code that worked previously, given by someone of your team ( Only this code is not lining up on the left side):

    Many thanks!!
    Victoria
    Illustrator & Art Director
    victorialacroix@aol.com
    075 0861 6599
    www.victorialacroix.com
    Twitter: @victoria_lax
    Instagram: @victorialacroix
    ...
  • Profile Image
    JotForm Support

    Answered by mert on December 10, 2015 at 07:19 AM

    Hi Victoria,

    Below, you will see the example IFrame embed code. As it is seen, you don't need to take the whole structure of it, the content between <iframe>...</iframe> tags is enough to embed your form. 

     

    <iframe

    id="JotFormIFrame"

    onload="window.parent.scrollTo(0,0)"

    allowtransparency="true"

    src="https://form.jotform.com/53432671460957"

    frameborder="0"

    style="width:100%;

    height:539px;

    border:none;"

    scrolling="no">

    </iframe>

     

    Also, you can check the guide about how to get a iFrame embed code from the link below:

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

     

    In addition, I checked your account to get the iFrame code from your actual form; but the account is a guest and the form is not visible on it. So, you can clone the following form after signing up to JotForm.

    http://www.jotformeu.com/form/53412406952351

     

    If you need any extra information, please let us know.

    Thanks.