Title: [Plugin: Contact Form 7] Adding Classes
Last modified: August 20, 2016

---

# [Plugin: Contact Form 7] Adding Classes

 *  [msuth](https://wordpress.org/support/users/msuth/)
 * (@msuth)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/plugin-contact-form-7-adding-classes/)
 * Hi,
 * I’m new to WordPress and have just installed your contact form.
 * I downloaded the styles.css and added the following two classes.
 *     ```
       .blueform input[type=text], textarea {
         -webkit-transition: all 0.90s ease-in-out;
         -moz-transition: all 0.90s ease-in-out;
         -ms-transition: all 0.90s ease-in-out;
         -o-transition: all 0.90s ease-in-out;
         outline: none;
         padding: 3px 0px 3px 3px;
         margin: 5px 1px 3px 0px;
         border: 1px solid #DDDDDD;
       }
   
       .blueformfocus input[type=text]:focus, textarea:focus {
         box-shadow: 0 0 5px rgba(81, 203, 238, 1);
         padding: 3px 0px 3px 3px;
         margin: 5px 1px 3px 0px;
         border: 1px solid rgba(81, 203, 238, 1);
       ```
   
 * The page I have my contact form is [http://msuth.co.uk/tdp/3/contact-us/](http://msuth.co.uk/tdp/3/contact-us/)
   as you can see, the multi-line textbox at the bottom picks up the css but the
   single line ones won’t.
 * The site I got this CSS from is [http://css-tricks.com/snippets/css/glowing-blue-input-highlights/](http://css-tricks.com/snippets/css/glowing-blue-input-highlights/)
 * I had to give both blocks a name (.blueform and .blueformfocus) as without this
   it affected the search bar at the top.
 * [http://wordpress.org/extend/plugins/contact-form-7/](http://wordpress.org/extend/plugins/contact-form-7/)

The topic ‘[Plugin: Contact Form 7] Adding Classes’ 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

 * [class](https://wordpress.org/support/topic-tag/class/)
 * [classes](https://wordpress.org/support/topic-tag/classes/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 0 replies
 * 1 participant
 * Last reply from: [msuth](https://wordpress.org/support/users/msuth/)
 * Last activity: [13 years, 11 months ago](https://wordpress.org/support/topic/plugin-contact-form-7-adding-classes/)
 * Status: not resolved