Contact Form 7
[resolved] Move Individual Validation Error Messages? (3 posts)

  1. Nykess
    Posted 3 years ago #

    I looked through the first 30 pages of this support forum and didn't find an answer. I did find a lot of people asking this same question, however, so it seems to be an issue that would be great to resolve.

    How/where/what do I edit the individual validation error messages for required fields? That red-border box that hovers over the fields is too big and out of place. I just want some red text to appear directly under the field that is required, no border. Where can I make this happen?

    Thank you!


  2. Takayuki Miyoshi
    Plugin Author

    Posted 3 years ago #

    Add this to your theme's stylesheet:

    .wpcf7 .wpcf7-not-valid-tip {
    	position: static;
    	background: inherit;
    	border: none;
    	color: #f00;
    	font-size: 10pt;
    	display: block;
    	width: 100%;
    	padding: 0;
  3. Nykess
    Posted 3 years ago #

    Perfect! Thank you very much.

    If you don't mind, what CSS do I edit to stylize the [response] text/border/etc.?

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


No tags yet.