Contact Form 7 Submit Button color

[Thiswonderfullife]

Hello,

I am trying to change the color of the submit button in contact form 7 but it does not work. I browsed this forum and put this code in the custom css. The text color changes but the background color does not change, no matter what I try.

input.wpcf7-form-control.wpcf7-submit {
color: #ffffff;
background-color: #84cdd7;
border-radius: 30px;
!important;
}
input.wpcf7-form-control.wpcf7-submit:hover {
background-color: #1ecd97;
color: #fff;
}

[rad]

Hi Vivien,

Thanks for reaching out.

For that, you can use !important, along with background instead of background-color. Example,

background: #84cdd7 !important;

This make sure all aspect of background styling is overriden.

Hope this helps.

[Thiswonderfullife]

@rad

background: #84cdd7 !important;

Yesss! That was it
Thank you so much for your help!

[rad]

You’re most welcome!