css class wpcf7-validation-errors is missing

  • Resolved alexf812

    (@alexf812)


    3 years, 8 months ago

    Hi,

    in earlier versions there was a class called “wpcf7-validation-errors”. I use this for styling the error message. After updating to version 5.2.1 there is no such class. Could this class be added again?

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

    (@takayukister)

    3 years, 8 months ago

    No.

    mladwa

    (@mladwa)

    3 years, 8 months ago

    Takayuki, is there perhaps a workaround and/or alternative solution allowing us to style the error message?

    Thanks!

    velarde

    (@velarde)

    3 years, 8 months ago

    Just noticed this on some websites I have …

    Last week I added this custom CSS to change the font color of the validation and error messages. ( The color border stays the same, though). Hope it helps

    .wpcf7 form.sent .wpcf7-response-output {
    color: #3E3E3E !important;
    }

    .wpcf7 form.failed .wpcf7-response-output,
    .wpcf7 form.aborted .wpcf7-response-output {
    color: #3E3E3E !important;
    }

    .wpcf7 form.spam .wpcf7-response-output {
    color: #3E3E3E !important;
    }

    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output {
    color: #3E3E3E !important;
    }

    • This reply was modified 3 years, 8 months ago by velarde.
    • This reply was modified 3 years, 8 months ago by velarde.
    • This reply was modified 3 years, 8 months ago by velarde.
    Thread Starter alexf812

    (@alexf812)

    3 years, 8 months ago

    @takayukister what is the reason? The solution now is cumbersome and the css is bigger.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘css class wpcf7-validation-errors is missing’ is closed to new replies.