Archived topic
Change Color of Word Press Button
6 replies · Started by Asiya on June 4, 2020
Do you know the code I would need to add to my Additional CSS to change the color of the button for my word press standard contact form here? https://byasiya.com/contact/
Thanks I figured it out
Glad to hear :)
I actually didn't!
This is the code:
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit] {
background-color: #eee; /* Grey background */
border: 1px solid #ddd; /* Dark grey border */
color: #333; /* Black text color */
font-size: 1em; /* Size of text */
padding: 10px 15px; /* Distance between text and border */
}
I found this online here: https://wpforms.com/docs/how-to-customize-the-submit-button/
I added it just as they said but its not changing the button?
This should be answered by the plugin support but this should work:
div.wpforms-container-full .wpforms-form button[type=submit] {
background-color: #000 !important;
color: #fff !important;
}
Thanks so i added the original code I pasted but higher up in the additional CSS doc and it worked. When I placed it at the end of the doc it did not work? No idea why but thats how I resolved it.
Sounds like you might have a syntax error in the CSS somewhere that stops the code below the error from executing.