Move Individual Validation Error Messages?

  • Resolved Nykess

    (@nykess)


    11 years, 11 months 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!

    https://www.ads-software.com/extend/plugins/contact-form-7/

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

    (@takayukister)

    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;
}
    Thread Starter Nykess

    (@nykess)

    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.