How do I shift the whole form to left align.

  • Profile Image
    DieterFaisst
    Asked 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?

  • Profile Image
    siltums
    Answered 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
    DieterFaisst
    Answered on February 22, 2012 at 04:23 AM

    Hi Siltums,

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

  • Profile Image
    Aessence
    Answered 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
    idarktech
    Answered 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!