Support » Plugin: Contact Form 7 » Move Individual Validation Error Messages?

  • Resolved Nykess


    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!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Takayuki Miyoshi


    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;

    Perfect! Thank you very much.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Move Individual Validation Error Messages?’ is closed to new replies.