Warning message when log in failed in WooCommerce

Question

I am currently developing an e-commerce site using WooCommerce on Wordpress. Whenever I login a non-existing username and password, there's no warning message saying that username or password is incorrect. I wanted it to look like this.

Image of the targeted look for error message in login page

I hope you could help me. Thank you

Answer 1

Try This:

add_filter('login_errors', 'filter_login_errors', 10, 1);   
function filter_login_errors( $error ) {
    $error_type = strpos($error, 'incorrect');
    if (is_int($error_type)) {
        $error = '<span style="color:red">Oops! It seems that your username or password is incorrect. Please try it again.</span>';
    }
    return $error;
}