Send Button Color

Viewing 3 replies - 1 through 3 (of 3 total)

  • You will need something like the following added to your theme’s CSS
    ?

    .wpcf7  input:hover[type="submit"] {
        background: #43436f;
}

    ?

    Add via Child Theme or use custom CSS plugin

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    Thread Starter itsjojo

    (@itsjojo)

    Thank you very much buzztone – that works.
    I also went through your links as I’d like to make the background color the same. Can you assist with the coding?

    Thank You,
    Joe

    Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Send Button Color’ is closed to new replies.