Payment field alignment

  • Profile Image
    1to1
    Asked on May 01, 2015 at 11:47 AM
    2) The Your Payment section - the payment form at the moment is always right justified.  How do I left justify it?
  • Profile Image
    Syed
    Answered on May 01, 2015 at 12:46 PM

    Hi there;

           Please try to inject the following CSS Code Block at the end, please review the following screenshot, I just have imported your form for this particular thread.

    #cid_34 {position: relative;left: -160px;}

    Do let us know if you need further assistance on this, we would be happy to assist you in any way.

     

    Thankyou,

  • Profile Image
    1to1
    Answered on May 01, 2015 at 01:44 PM

    Hi,

     

    That works - however the payment part isn't responsive.  On a smaller screen most of the form is not hidden off of the left side if the screen.

     

     

  • Profile Image
    1to1
    Answered on May 01, 2015 at 01:45 PM

    That works - however the payment part isn't responsive.  On a smaller screen most of the form is hidden off of the left side if the screen.

  • Profile Image
    Charlie
    Answered on May 01, 2015 at 03:21 PM

    Please remove the custom CSS code, the reason why it moves to the left and not that responsive is because the label is set to "Auto", please change that to "Top" instead.

     

    After that, you just need to set your form mobile responsive, here's a guide for that: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive.

    I've cloned your form for testing purposes, here is mine: http://form.jotformpro.com/form/51206084002944. See if it looks like the way you expected, if it is, you can clone it instead. 

    Do let us know if that works.

    Thank you.

  • Profile Image
    1to1
    Answered on May 01, 2015 at 05:23 PM

  • Profile Image
    raul
    Answered on May 01, 2015 at 06:52 PM

    I see that you created this form: http://www.jotformpro.com/form/51206650209952 in your account which has the Payment field correctly aligned.

    Do you still need our help?
    If so, please let us know and we'll be happy to provide further assistance.