Succes message is not styled?

  • Resolved vandermeer.jp

    (@vandermeerjp)


    3 years, 10 months ago

    Hi,

    I do get the succes message after submitting.
    But the succes message is not styled at all.
    No green border or anything like that.
    I use default setting and did not change anything at the styling.

    Anyone tips for me?

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello @vandermeerjp,

    Try adding this CSS rule to your Dashboard > Appearance > Customize > Additional CSS, don’t forget to click on Publish:

    .wpcf7 form .wpcf7-response-output {
  margin-left: 19px;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}

.wpcf7 form.init .wpcf7-response-output {
    display: none;
}
 
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450; /* Green */
}
 
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232; /* Red */
}
 
.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28; /* Orange */
}
 
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900; /* Yellow */
}

    Let me know if work!

    Best regards,
    Yordan.

    Thread Starter vandermeer.jp

    (@vandermeerjp)

    Hi Yordan,

    it works like a charm!

    Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Succes message is not styled?’ is closed to new replies.