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

  • Profile Image
    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?


  • Profile Image
    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: 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!