How to make the coupon field wider and remove the border color?

  • Profile Image
    Asked on March 28, 2019 at 05:03 PM

    How do I inject some CSS to edit coupon code field for Square widget?


    I would like to make the coupon code field wider and/or remove the border.


    Thank you!

  • Profile Image
    Answered on March 28, 2019 at 07:09 PM

    To remove the border, you can inject the CSS code below:

    div#coupon-container {

        border: none !important;


    To make the coupon field wider, please add the CSS below:

    input#coupon-input {

        width: 200px;


    1553814561Eastern Iowa State Tournament

    Let us know if you have any questions or if you need further assistance. 

  • Profile Image
    Answered on March 28, 2019 at 07:43 PM
    Awesome! Thank you! Just what I was looking for!