[Resolved] Change Color of Word Press Button

[Asiya]

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/

[Asiya]

Thanks I figured it out

[Leo]

Glad to hear 🙂

[Asiya]

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?

[Leo]

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;
}

[Asiya]

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.

[Leo]

Sounds like you might have a syntax error in the CSS somewhere that stops the code below the error from executing.

[Author]

Posts