Hi,
You can try to install https://ww.wp.xz.cn/plugins/simple-custom-css/ and go to Appearance -> Custom CSS and add this:
button#pirate-forms-contact-submit:hover {
background-color: #0A0A0A !important;
}
where you need to replace #0A0A0A with the color you want for the button.
Please let me know if this helps.
Best regards,
Rodica
Hi Rodica,
Why do I need to install a separate plugin for custom CSS if I am working in a child theme? Should I not be able to add the code above to the child theme CSS file?
Anyway, it did not work. When I hover on the button there is still a white glow around the edges. Please offer another suggestion 🙂
Thanks!
More simply put, I want to override the CSS transition on the button, so that there is no transition or animation. I am not very familiar with CSS and have tried the following, in addition to what you said:
button#pirate-forms-contact-submit:hover {
background-color: #8B2332 !important;
transition: all 0s ease-in-out;
transition-property: all;
transition-duration: 0s;
transition-timing-function: ease-in-out;
transition-delay: initial;
}
with the original code being this:
.pirate-forms-submit-button {
float: right;
margin-right: 15px;
color: #FFF !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
Please off a suggestion for how to remove the transitions when one hovers over the submit message button.
