Change color of this coupon button

  • Profile Image
    Hoecht
    Asked on August 25, 2025 at 8:40 AM

    Hi, i have this button to apply my coupon code, but it is barely visible. i ran through my process to see if things ran smoothly, and it took me a minute to click it- it seems like it's not clickable. i went through the options but cant figure out if im able to change the color. thanks.

    Change color of this coupon button Image 1 Screenshot 20

  • Profile Image
    Christopher JotForm Support
    Replied on August 25, 2025 at 8:58 AM

    Hi Amber,

    Thanks for reaching out to Jotform Support. We can update the button color by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    button#coupon-button {
    background-color: #e55300 !important;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Update Subtotal Font Size And Color Image 1 Screenshot 30 Screenshot 30Change color of this coupon button Image 1 Screenshot 41

    Result:

    Change color of this coupon button Image 2 Screenshot 52

    Give it a try and let us know how it goes.

     

  • Profile Image
    Hoecht
    Replied on August 25, 2025 at 9:19 AM

    i got it, thank you so much!