How to change the width of coupon code section of payment to 100%?

  • miohonda
    Asked on September 29, 2016 at 1:35 AM

    I have been editing my Stripe payment form CSS.  I want to make every part of the form to be the same width, but I cannot find a way to do this for the coupon code and the price area (see captured image below).

    How to change the width of coupon code section of payment to 100%? Image 1 Screenshot 20

    Please can you kindly help me make this happen?

    Thanks.

    Page URL: https://www.jotform.me/form/62380934498467?preview=true
  • Ashwin JotForm Support
    Replied on September 29, 2016 at 5:18 AM

    Hello miohonda,

    Please inject the following custom css code in your form to increase the width of coupon code section:

    div#coupon-container {

        width: 100% !important;

    }

    input#coupon-input {

        width: 350px !important;

    }

    The following guide should help you how to how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!