Change the colour of the apply button on my payment form

  • Pace_Martyn
    Asked on July 29, 2021 at 2:01 AM

    Hello,

    Is there a way to change the colour of the "apply coupon" button to the same as the submit button at the bottom of the page so they're both black with white text?


    Thank you.

  • Pace_Martyn
    Replied on July 29, 2021 at 2:08 AM

    Also is there a way to change it so that when you click on both buttons, the text turns good, rather than blue (like it currently does for the submit button)?

  • Richie JotForm Support
    Replied on July 29, 2021 at 6:36 AM

    To change the coupon button, you can add this custom CSS

     #coupon-button {
       background-color: #050505;
       }

    Guide:https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    For your second question, I'm not sure I understood your requirements correctly.

    Do you want to change the hover color?

    Looking forward for your response.

  • Martyn
    Replied on July 29, 2021 at 6:45 AM

    At the moment, when you click the submit button the white text turns blue.

    Can this be removed so when it is clicked it remains white all the time.

  • Richie JotForm Support
    Replied on July 29, 2021 at 8:10 AM

    It seems the hover effect is part of the form theme.

    I have tried using custom CSS to change the color however, it seems it doesn't work due to the theme.

    .form-submit-button-black_blue:hover{
          color:red !important;
       }