The notice box for success msg dissapeared

  • Resolved ArcticFritid

    (@metuza)


    4 years, 8 months ago

    Hello,

    With the latest update the green box in which has the success message after a message has been sent, has dissapeared. Actually the box and message is there but no green background so you can not read the white success message.

    There is no .wpcf7-mail-sent-ok class any longer.

    Brgds

    • This topic was modified 4 years, 8 months ago by ArcticFritid.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter ArcticFritid

    (@metuza)

    Ok, i did find from the change-log that it is now using the form class so problem is fixed with an extra css code.

    Brgds

    Hi @metuza,

    I am having a similar problem after an update. Unfortunately I’m not that familiar with CSS. Any ideas how to update my existing css code (see below) in order to get custom message style working again?

    This is the code I have been using until ver. 5.2 and it worked just fine. 

    .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #000000;
    background-color: #C0E1CF;
    border: 0;
    padding: 10px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    font: 26px/30px dashicons;
    margin-right: 16px;
    vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
    content: "\f147";
}
div.wpcf7-validation-errors:before {
    content: "\f158";
}

    Thanks for your help.

    i have the same issue,
    the success message box has no background and is invisible.

    how did you solve it?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘The notice box for success msg dissapeared’ is closed to new replies.