Contact Form 7
Styling Form Validation messages and form submit messages? (2 posts)

  1. strife10
    Posted 5 years ago #


    Is there a way to style the form validation messages and the form submit messages? If so where can I do this? I would like to get the form to work something like how this form works:

    (It is at the bottom of the page labeled "Email Us")
    The errors are just "!" inside the text fields and the "message sent successfully" actually shows over the top as the original form disappears.

    I am pretty new to all of this but have had some success hacking my way through. Any and all help would be greatly appreciated. The more detail the better, if possible. Thanks in advance for any direction anyone can give me.

  2. Takayuki Miyoshi
    Plugin Author

    Posted 5 years ago #

    Original styles are defined in contact-form-7/styles.css. You can override them by defining your own styles in your theme's stylesheet.

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