How to change the color of the apply button on the coupon field?

  • Laura_Regan
    Asked on September 12, 2024 at 5:02 PM

    Hello, I need to change the color of the coupon "APPLY" button. It's very hard to see because it's white lettering on a pale background.

    Is there a way that I can change the font color. If there is a special code, can you be very specific with how to change it as I am not very tech savvy! I've attached a picture of what it looks like now.Thanks for your help!

    Jotform Thread 18959521 Screenshot
  • Gian_D JotForm Support
    Replied on September 12, 2024 at 5:11 PM

    Hi Laura,

    Thanks for reaching out to Jotform Support. You can use CSS code to change the color of the apply button on your coupon field. Let me show you how to do it:

    1. In Form Builder, click on the Paint Roller icon on the upper right side of the page.

    How to change the color of the apply button on the coupon field? Image 1 Screenshot 30

    2. Click on the Styles tab.
    3. Paste the CSS code below inside Inject Custom CSS:

    /*Changing the apply coupon button*/
    #coupon-button {
      background: gray !important
    }
    /*Ends here*/

    How to change the color of the apply button on the coupon field? Image 2 Screenshot 41

    That's it. Let us know if you have any other questions.

  • Laura Regan
    Replied on September 12, 2024 at 7:03 PM

    THANK YOU! It worked!

Your Answer