How to align submit button to the left?

  • milladesignmaccom
    Asked on May 24, 2016 at 4: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-privat
  • Nik_C
    Replied on May 24, 2016 at 7: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:

    How to align submit button to the left? Image 1 Screenshot 20

    Please let me know how that worked for you.

    Thank you!

     

  • milladesignmaccom
    Replied on May 24, 2016 at 8:50 AM

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

  • beril JotForm UI Developer
    Replied 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.