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

  • Profile Image
    tblack139
    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
    Jed_C
    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
    tblack139
    Answered on March 28, 2019 at 07:43 PM
    Awesome! Thank you! Just what I was looking for!
    TBlack
    ...