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

    Align JotForm to left of my website

    Asked by scwebbie on September 17, 2014 at 03:05 PM

    I want the form to be flush left. This is not a function of my CMS or css. See example below

     

    Page URL:
    http://sc.edu/study/colleges_schools/mcis/journalism_and_mass_communic<br/>ations/opportunities_for_students/scholarships/freshmen/index.php

    flow left left align
  • Profile Image
    JotForm Support

    Answered by jonathan on September 17, 2014 at 03:59 PM

    Hi,

    Please try adding this custom injected CSS code into your form

    .form-all

    {

    float:left !important;

    }

    Follow this user guide http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Inform us if this does not work out.

    Thanks.

     

  • Profile Image

    Answered by scwebbie on September 17, 2014 at 04:29 PM

    Unfortunately, it does not work. It does move the indent some, but it is still not flush left.  However, IT ALSO truncates the form after the second field.  See image below.

     

  • Profile Image
    JotForm Support

    Answered by jonathan on September 17, 2014 at 04:49 PM

    Hi,

    Please add the CSS code as suggested previously. Follow this user guide http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    .form-all

    {

    float:left !important;

    }

    I actually could not see that you have added the CSS code to your jotform http://www.jotformpro.com/form/32755428808968

    I used the browser console to test and it should work

     

    My demo jotform http://www.jotform.me/form/42596275028461 does shift to left when using the CSS code

     

    Inform us if still not working.

    Thanks.

     

  • Profile Image

    Answered by scwebbie on September 17, 2014 at 04:51 PM

    Ahhhh, you did not see the code there because I removed it since it was breaking the form. I need the form to work.   See the image I uploaded.  When I insert the code into the css it breaks the form.

  • Profile Image
    JotForm Support

    Answered by jonathan on September 17, 2014 at 05:04 PM

    Thank you for clarifying that. I was able to see the problem now.

    but I think it just have to do with script conflict on the embedded code.

    Please re-embed jotform to your website using its Iframe embed code

    Follow this user guide to get the iframe code

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

    Make sure the custom CSS code is also in the form.

    Update us if still not fixed.

    Thanks!