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

  • Profile Image
    miohonda
    Asked on September 29, 2016 at 01: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).

    Please can you kindly help me make this happen?

    Thanks.

  • Profile Image
    ashwin_d
    Answered on September 29, 2016 at 05: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!