Title: confirmation message customization
Last modified: August 22, 2016

---

# confirmation message customization

 *  [ginzelphotography](https://wordpress.org/support/users/ginzelphotography/)
 * (@ginzelphotography)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/confirmation-message-customization/)
 * I have been able to customize many aspects on my forum, including moving the 
   confirmation message to above the “send” button. But I can’t figure out how to
   change the coloured boxes around the confirmation/failed messages. Is this possible?
   Im very confused!
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/confirmation-message-customization/#post-5922628)
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) for
   a general explanation of styling CF7 forms using CSS.
 * There is a link at the bottom of the page to a comprehensive and detailed article
   on **Styling Contact Form 7 Forms**. The article shows people, with suitable 
   HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms
   to meet their particular requirements.
 *  Thread Starter [ginzelphotography](https://wordpress.org/support/users/ginzelphotography/)
 * (@ginzelphotography)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/confirmation-message-customization/#post-5922645)
 * I have read that and havent been able to figure it out. I’ve been able to figure
   out how to use the codes for every other type of customization though by following
   those directions. Is there someone else who has had experience with changing 
   this and could describe a little better what code is the correct one to use for
   changing the response comment box colour.
 * So far what I have done is follow this guide:
 * Style Specific Fields
 * You might want to style only specific fields. First, add an ‘id’ or ‘class’ option
   to the form-tags of the fields in the contact form that you want to style:
 * [text text-123 id:very-special-field]
 * Then add style rules using the id or class:
 * #very-special-field
    { color: #f00; border: 1px solid #f00; }
 * SO in the [response] area I included [response id:very-special-field]
 * and then in the custom css area for the entire site I plugged in the bottom code
   changing the values to what I wanted. It didn’t do anything.
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/confirmation-message-customization/#post-5922673)
 * The approach I would suggest in this case is to first make sure the confirmation
   message is showing on the relevant form and then use Use [Firebug](https://getfirebug.com/)
   or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/) 
   to examine the CSS used for the confirmation elements.
 * Altenatively you can see the CSS the CF7 plugin uses for ​confirmation message
   elements at [Default CF7 CSS style](http://kb.cf7skins.com/default-cf7-css-style/).

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

The topic ‘confirmation message customization’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [customization](https://wordpress.org/support/topic-tag/customization/)
 * [message](https://wordpress.org/support/topic-tag/message/)

 * 3 replies
 * 2 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [11 years, 2 months ago](https://wordpress.org/support/topic/confirmation-message-customization/#post-5922673)
 * Status: not resolved