WordPress.org

Support

Support » Plugins and Hacks » [Resolved] [Plugin: Contact Form 7] Styling the submit button

[Resolved] [Plugin: Contact Form 7] Styling the submit button

  • 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)
  • flamenco

    @flamenco

    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;
    }
    garfunkel61

    @garfunkel61

    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?

    flamenco

    @flamenco

    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 ‘[Resolved] [Plugin: Contact Form 7] Styling the submit button’ is closed to new replies.