Viewing 4 replies - 1 through 4 (of 4 total)
  • For the successful sent message add the following to your child theme’s style.css file.

    div.wpcf7-mail-sent-ok {
    	border: 2px solid #398f14;
    }

    Sorry should be;

    div.wpcf7-mail-sent-ok {
    	border: 2px solid #FFFFFF;
    }

    Thread Starter MindXposure

    (@mindxposure)

    Great thanks!

    do al these messages have codes likes this? Than i need to find the not sent message class etc?

    Basically there are two that deal with form submission, the above email-sent-ok and validation-errors. The validation-errors has two styles, the validation error itself and the not valid Tip as follows:

    div.wpcf7-validation-errors
    {
    border:#FF0000 solid 2px;
    }
    span.wpcf7-not-valid-tip
    {
    color: #00CC00;
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling form response’ is closed to new replies.