How to align submit button to the left?

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

  • Profile Image
    Nik_C
    Answered 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
    milladesignmaccom
    Answered 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
    beril
    Answered 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.