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 align submit button to the left?

    Asked by milladesignmaccom on May 24, 2016 at 04:35 AM

    I can't seem to get this button: "Gå til bestilling" (all the way down in the ordering form) to be placed properly to the left on all plattforms, help?

    Page URL:
    http://elisabethtalen.no/bestillingskjema-privat.html#bestilling-priva<br/>t

    left placing align submit button
  • Profile Image
    JotForm Support

    Answered by Nik_C on May 24, 2016 at 07:33 AM

    Please try to insert this CSS to your Custom CSS field:

    .preview-submission-button{

    margin-left:-100px;

    }

    That will align your button to Print button.

    If you want to align all the way to the right just increase the value of margin-left.

    It should look like this after that adjustment:

    Please let me know how that worked for you.

    Thank you!

     

  • Profile Image

    Answered by milladesignmaccom on May 24, 2016 at 08:50 AM

    thank you, it looks nice, the only thing is that it gets partly of the page on the mobile plattform.

  • Profile Image
    JotForm Support

    Answered by beril on May 24, 2016 at 11:32 AM

    On behalf of my colleague, you're most welcome. To solve your responsive problem on mobile, could you try to inject the CSS code below:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

    #id_17 {

          width : 200px !important;

    }

    .preview-submission-button{

        margin-left: -40px!important;

    }

    }

    If this does not resolve the issue, please let us know and we will be glad to take another look.