[MikeMobley2002Participant]

Hey Guys,

On my site carrienorman.com/contact you can see where the contact 7 form is.

I got this from you guys, but the “hover” part of the button is still black:

input.wpcf7-form-control.wpcf7-submit:hover {
background-color: 074E8E;
color: 78C253;
}
input.wpcf7-form-control.wpcf7-submit {
background-color: 78C253;
color: white;
}

I’m wanting the black to be #074E8E and for some reason I can’t get that to work. Can you please help me edit this code?

I’ll reply privately with the login so you can see the site even though it’s under construction. Thanks!

[MikeMobley2002Participant]

This reply has been marked as private.

[Paul RModerator]

Hi Mike,

Thanks for writing in!

I go ahead and fix it.

Kindly check on your end.

Thanks

[MikeMobley2002Participant]

Thank you Paul. That was close…almost there…we wanted the entire button to be that hex code..so the border, shadow, etc. and the text of the button should be white at all times.

Could you help us fix that please?

[Nabeel AModerator]

Hi again,

You can try this code:

input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #78c253 !important;
}

.x-btn.button-purple:hover, .button.button-purple:hover, input[type="submit"]:hover {
    border-color: #78c253 !important;
    background-color: #78c253 !important;
    box-shadow: 0 0.25em 0 0 #78c253, 0 4px 9px #78c253 !important;
}

Change the hex code as per your need. Hope this helps!

[MikeMobley2002Participant]

Got it, thank you!

[ChristopherModerator]

You’re welcome.

[Author]

Posts