Navigation
Archive / Changing the button color of contact form 7 to match my website.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 2, 2016 at 6:20 pm #1241564
    15bakes
    Participant

    Hi all the buttons on my website http://minhle.ca/ are a very nice blue color.

    However on my contact form it is black and doesn’t match my theme. http://minhle.ca/get-in-touch/

    Could I have a code to change this?

    November 2, 2016 at 11:46 pm #1241902
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    
.wpcf7-submit {
    background-color: #02aed6;
    border-color: #02aed6;
    box-shadow: 0 0.25em 0 0 #02aed6, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.wpcf7-submit:hover {
    background-color: #0b8ead;
    border-color: #0b8ead;
    box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}

    Hope that helps.

    November 3, 2016 at 2:06 pm #1242763
    15bakes
    Participant

    works great! thank you very much!

    November 3, 2016 at 4:19 pm #1242916
    Friech
    Moderator

    You’re more than welcome, glad we could help.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1241564 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>