• I am having problems with the recommended plugin contact form 7.
    The error message shown when people incorrectly fill or miss a required field in the form overlays the actual text input field using the style applied by css class ‘.wpcf7 span.wpcf7-not-valid-tip’,in other words the text input area does not move down to make space for the error message which instead overlays the text input field or drop down menu and am not sure if this is something I have inadvertently done through some previous action or exists as a general problem.

Viewing 3 replies - 1 through 3 (of 3 total)
  • I found this fix in another support area. If you add this to your CSS styles, then the messages will disappear if the mouse hovers over them — or if the cursor is in the form field:

    .wpcf7-form-control-wrap:hover .wpcf7-not-valid-tip, .wpcf7-form-control:focus + .wpcf7-not-valid-tip { display:none; }

    Yes, this fix works. Thank you

    my same problem is fix too. thanks

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘contact form 7 styling issues’ is closed to new replies.