Contact Form 7
[resolved] Styling the submit button (4 posts)

  1. garfunkel61
    Posted 5 years ago #


    I'm styling the whole form for my website, and i have a problem with styling submit button.

    It receives styling from .wpcf7-form p input class in my css file. The problem is that it is also styling for *email text field.

    How can I find out witch class should i style only to change submit button?

    Thx for any help


  2. flamenco
    Posted 5 years ago #

    If your form is like mine (I imagine it is), you could try writing some code like so. The first line is very specific and should get through the cascade OK. The middle lines are examples, obviously.

    .wpcf7-form p input.wpcf7-submit   {
      background: #A6A7AD;
      border: 0;
  3. garfunkel61
    Posted 5 years ago #

    Thx! this works perfect :)

    i'm new in the "business", so could you give me a clue how you found witch class refers to submit button?

  4. flamenco
    Posted 5 years ago #

    Dude, You simply need to use Firefox, and then use the Firebug plugin... it's nearly the greatest thing ever!!!! :)

    Of course, in a case like this it's helpful to understand the CSS cascade. CSS Mastery by Andy Budd... I swear by that book.

    Cheers, Dave

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic