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

  • Profile Image
    halifaxtennis
    Asked on July 29, 2014 at 09: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

  • Profile Image
    jedcadorna
    Answered 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;

     

    }

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

  • Profile Image
    halifaxtennis
    Answered on July 29, 2014 at 11:37 AM

    Thanks so much. That did it!

  • Profile Image
    ashwin_d
    Answered 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!