Prevent Submit Button from changing color on hover

  • Resolved flatword

    (@flatword)


    10 months, 1 week ago

    Hi,

    I have a form with a Submit button. When I hover over the button, it changes color. All the other buttons on my site do not do that.

    To make it consistent, I could either change the other buttons to work the same or change the form button to stop doing that.

    I tried various css to stop the form button from changing on hover such as background transparent and setting the background color the same as the button color.

    But nothing worked.

    Is the background color on hover the correct css to be looking at for this?

    I have CSS to make the button text bold, and that works. But adding in the hover action and background color didn’t take.

    (FWIW, I think changing the other page buttons is the best option but I when I tried making my other page buttons act the same on hover, I had no success.)

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @flatword,

    Looking at the form on https://talentquestnow.com/, you could remove the hover state from the submit button by using the CSS snippet below:

    .wpforms-form input[type=submit]:hover, 
.wpforms-form input[type=submit]:active, 
.wpforms-form button[type=submit]:hover, 
.wpforms-form button[type=submit]:active, 
.wpforms-form .wpforms-page-button:hover, 
.wpforms-form .wpforms-page-button:active {
    background: #FADDCA !important;
    border: none !important;
}

    For more details, please check our guide about customizing the Submit button.

    And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

    Hope this helps!

    Thread Starter flatword

    (@flatword)

    Thank you @rsouzaam for your quick and accurate reply!

    Not only do I appreciate the CSS code you provided that works perfectly, but the links you provided are great (not sure why I didn’t come by those myself in a lot of my previous googling on this and other issues with the WPForms customization).

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @flatword,

    You’re most welcome! I’m glad I could help here.

    If you’d like more help with using WPForms Lite, please feel free to reach out.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Prevent Submit Button from changing color on hover’ is closed to new replies.