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

  • tblack139
    Asked on March 28, 2019 at 5: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!

    Jotform Thread 1775413 Screenshot
  • Jed_C
    Replied on March 28, 2019 at 7: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 Screenshot 10

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

     
  • tblack139
    Replied on March 28, 2019 at 7:43 PM
    Awesome! Thank you! Just what I was looking for!
    TBlack
    ...