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 do I shift the whole form to left align.

    Asked by DieterFaisst on February 22, 2012 at 03:52 AM

    I have tried changing the Label Align to Left Align but the form still appears in the middle of my webpage. I wonder the problem is due to here or over at my website?

    Page URL:
    http://www.hitec-asia.com/?page_id=13

  • Profile Image

    Answered by siltums on February 22, 2012 at 04:16 AM

    Write/add CSS code:

    .form-all{
    margin:0;
    }

     

    Where to write CSS code you can find in:

    Setup & Embed > Preferencies > Form Styles (tab) > Inject Custom CSS (section)

  • Profile Image

    Answered by DieterFaisst on February 22, 2012 at 04:23 AM

    Hi Siltums,

    Very detailed answers, thank you very much, I appreciate your help.

  • Profile Image

    Answered by Aessence on July 14, 2012 at 09:36 AM

    None of the proposed (css override) solutions worked for me when I put the form/script into Drupal.

    If I loaded the form (or example) on a seperate page I could see the inserted CSS code just fine (using Expect Element in chrome) and it would override the exisiting "margin: 0, auto" setting and correctly aligning the form to the left.

    I could not find out where it went wrong, not being a great css-guru I opted for a blunt force option and instead of just embedding the <script>..</script> I put that inside a <div align=left>...</div>.

    That solved it for me.

    George/

  • Profile Image
    JotForm Support

    Answered by idarktech on July 14, 2012 at 10:21 AM

    @George,

    Simply inject this CSS code to your form:

    .form-all{

    float:left;

    }

    Follow this guide: How to Inject Custom CSS Codes

    Hope this helps. Thanks!