Support » Developing with WordPress » How to Change Contact Form Button Hover in CSS?

  • I’m trying to make my contact form button change styles when hovered over, but unfortunately I don’t know enough about CSS to get it done.

    Here’s my custom CSS code so far. Ideally I would be able to get the hover to match the blue button on this page:

    /* Contact Form 7 Styles */
    .wpcf7 input[type=submit] {
        font-family: "Montserrat", Sans-serif;
        font-size: 1em;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 3px;
        fill: #54595f;
        color: #54595f;
        background-color: #7CCAE7;
        border-style: solid;
        border-width: 2px 2px 2px 2px;
        border-color: #7CCAE7;
        border-radius: 30px 30px 30px 30px; 
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.