How can I left align the form and make all input fields same size?

  • kreativtforum
    Asked on August 7, 2015 at 4:16 AM

    I have tried to use the deign module, but I find it not very user freindly and difficult to work With. I have tried to use the module to left align the form, but it does not work. I want all text to be to the left in same line as the other text above. Thanks for helkping out. Ragards, Aksel

    Jotform Thread 631487 Screenshot
  • Welvin Support Team Lead
    Replied on August 7, 2015 at 9:33 AM

    Simply inject the following custom CSS codes in your form:

    .form-all {

        margin-left: 0px;

    }

    Adjust the value if necessary.

    Here's how to inject the codes to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Add the codes the bottom.

     

    For the box width, you can adjust that in the form builder. Click the field, set the size value at the toolbar:

    How can I left align the form and make all input fields same size? Image 1 Screenshot 20

    Thanks

  • kreativtforum
    Replied on August 7, 2015 at 10:04 AM
    Thank you, but I can’t find where to put margin-left: 0px; in the CSS form. Can you help me? Thx.
    Regards,
    Aksel

    Fra: JotForm Support Forum [mailto:noreply@jotform.com]
    Sendt: 7. august 2015 15:33
    Til: aksel@kreativtforum.no
    Emne: Re: How can I left align the form and make all input fields same size?

    A new response has been received:

    Answered by Welvin
    Simply inject the following custom CSS codes in your form:
    .form-all {
    margin-left: 0px;
    }
    Adjust the value if necessary.
    Here's how to inject the codes to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Add the codes the bottom.

    For the box width, you can adjust that in the form builder. Click the field, set the size value at the toolbar:

    Thanks
    View this thread on browser » Unsubscribe Thread
    1438954431
    ...
  • Welvin Support Team Lead
    Replied on August 7, 2015 at 11:21 AM

    Here's the guide on how to inject the custom CSS codes: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. But I just did it for you. Kindly check it. If it's not showing right, please let us know the link here so we can check and adjust the codes.

    Thanks

  • kreativtforum
    Replied on August 10, 2015 at 2:29 AM
    Excellent! Thank you. I have tried to use the link you sent me, but I couldn’t find the place to insert the code. Everything is ok now since you did it for me. Thank you.

    ...
  • Chriistian Jotform Support
    Replied on August 10, 2015 at 4:31 AM

    Hi,

     

    On behalf of my colleague, you are welcome. I have attached a screenshot showing where to inject the CSS codes in case you need to insert a CSS code again. 

    How can I left align the form and make all input fields same size? Image 1 Screenshot 20

     

    Do let us know if you need further assistance.

     

    Regards.