Support » Plugin: Contact Form 7 » [Plugin: Contact Form 7] Styling the submit button

  • Resolved garfunkel61

    (@garfunkel61)


    `Hi,

    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

    http://wordpress.org/extend/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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;
      color:#FFFFFF;
    }

    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?

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Contact Form 7] Styling the submit button’ is closed to new replies.