Change colors in contact form

[Klaus Heinisch]

Hi,

how can I change the colors in my contact forms (I’m using contact form 7)?

This is what I would like to adjust:

1. Background of completed forms: #faeae0
2. Frame around message “Vielen Dank für Ihre Nachricht, sie ist jetzt zu uns unterwegs.” (=sent): #9f5103
3. Frame around message “Ein oder mehrere Felder sind fehlerhaft ausgefüllt…” (=filled incorrectly): #fa8c1e

Thanks + regards

[Zex]

Hello, Klaus!

Insert the following codes into Customizing->General->Additional CSS:

.wpcf7 {
    background: #faeae0!important;
}
.wpcf7-mail-sent-ok{
 border: 2px solid #9f5103!important;   
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #fa8c1e!important;
}

There is a good plugin to help you with that if you want to try:

Contact Form 7 Style

Regards

[Author]

Posts