Hello,

To style the yellow/red/green lines, try adding this css into your custom css box:

div.wpcf7-mail-sent-ok {
    max-height: 50px !important;
    margin-top: 96% !important;
}
div.wpcf7-validation-errors {
    max-height: 50px !important;
    margin-top: 98% !important;
}
div.wpcf7-mail-sent-ng { 
    max-height: 50px !important;
    margin-top: 96% !important;
}

Change the values to your wish.

Best regards!

Hello,

Add this code as well for the mobile layout:

@media (max-width:480px){
div.wpcf7-mail-sent-ok {
    max-height: 50px !important;
    margin-top: 96% !important;
}
div.wpcf7-validation-errors {
    max-height: 50px !important;
    margin-top: 98% !important;
}
div.wpcf7-mail-sent-ng { 
    max-height: 50px !important;
    margin-top: 96% !important;
}
}

Edit the values to your wish.

Best regards!

Hello,

The above is custom css. It just styles the preview of contact form. Does not affect it’s functionality. I suggest you check with your host that there are no issues sending/receiving email. Also remove any third party plugin related to mail, if you have any installed.

Let us know.

Best regards!