Change Submit Button Hover Color For Contact Form

Hi there,

Try the following CSS code and let me know if you need more help:

button.pushbutton-wide {
    background-color: #15b6b8;
}

To add that CSS code go to your site’s Dashboard > Appearance > Edit CSS and replace the HEX code #15b6b8 to a color of you liking. You can find the HEX code of any color here:

https://www.w3schools.com/colors/colors_picker.asp

So this works to change the color of the entire button itself.

What I would like it to do is have the color of the button remain black until I hover my mouse over the button. Which then I would like the color to change so that way people know they are on the button as opposed to the button being black and the hover color being opaque black. Which is what it is by default.

I appreciate you help! Thanks!!!

Ok. Weird….

I’ve deleted the code.

Now the hover color has changed to how I wanted, but now the default color for the submit color came back and it is no longer black how I had it.

You cannot change the hover color of that button. When you hover over it, it is only highlighted.

I seemed to have gotten it to work with this code.

button:hover {
  background-color: #24c7e1 !important;
}

thanks for your help!

That’s great! Thanks for sharing the code.

Of course! Thank you for all of your time and help!