Why does form "jump left" after coupon code is applied?

  • halifaxtennis
    Asked on July 29, 2014 at 9:36 AM

    Hello, I just noticed my form "jumps to the left" after coupon code is applied.

    I have used coupons previously and this never happened. Thanks for your help!

    Here are the links using coupon code: PLAYTENNIS or playtennis

    https://www.halifaxtennis.com/group-lessons-payment.html

    https://www.halifaxtennis.com/private-lessons-payment.html

    https://www.halifaxtennis.com/semi-private-lessons-payment.html

  • jedcadorna
    Replied on July 29, 2014 at 10:13 AM

    Because the font size of the price is a little bigger and it pushes to the right when coupon is applied and that makes it go to the next line.

    You can adjust the size of the amount by injecting this css into your form. This will stop your form from jumping to the next line when coupon is applied.

    .form-product-details{

    font-size: 10px !important;

     

    }

    Why does form jump left after coupon code is applied? Image 1 Screenshot 20

    How to inject css to your formhttps://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

  • halifaxtennis
    Replied on July 29, 2014 at 11:37 AM

    Thanks so much. That did it!

  • Ashwin JotForm Support
    Replied on July 29, 2014 at 11:57 AM

    Hello halifaxtennis,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!