WordPress.org

Forums

[Plugin: Contact Form 7] error highlights (wpcf7-not-valid-tip) are misaligned (4 posts)

  1. eritt
    Member
    Posted 3 years ago #

    When checking what my contactform7 form looks like to someone who enters invalid information I noticed that the "not-valid-tip"s are severely misaligned. I've looked through the 38 pages of topics here and don't see anything similar. The class is "wpcf7-not-valid-tip" - how would I align them with the text boxes?

    edit: I also just noticed that even on the demo on http://contactform7.com/2009/11/18/text-fields/ the invalid tips are misaligned fairly similarly.

    http://wordpress.org/extend/plugins/contact-form-7/

  2. Takayuki Miyoshi
    Member
    Posted 3 years ago #

    They are not aligned naturally. If you want them to be aligned, edit your CSS stylesheet. The class is "wpcf7-not-valid-tip".

  3. ashworth102680
    Member
    Posted 3 years ago #

    I added the following to my stylesheet with no results. Is there something I'm doing wrong in the naming of the class? My goal is to fix the styles for the error messages shown next to the fields.

    .wpcf7-not-valid-tip {
    	color:red;
    	font-size: 9px;
    }
  4. ashworth102680
    Member
    Posted 3 years ago #

    I think I found it. It should have been:

    .wpcf7-not-valid-tip-no-ajax {
    }

Topic Closed

This topic has been closed to new replies.

About this Topic