Title: Define CSS for Multiple Forms
Last modified: August 20, 2016

---

# Define CSS for Multiple Forms

 *  Resolved [kennlucas](https://wordpress.org/support/users/kennlucas/)
 * (@kennlucas)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/define-css-for-multiple-forms/)
 * How can I assign a class to a form?
 * I want to style the fields differently for a couple of different forms on my 
   site.
 * If I could give each form a class, I could style them accordingly.
 * Is this possible?
 * [http://wordpress.org/extend/plugins/contact-form-7/](http://wordpress.org/extend/plugins/contact-form-7/)

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

 *  Thread Starter [kennlucas](https://wordpress.org/support/users/kennlucas/)
 * (@kennlucas)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/define-css-for-multiple-forms/#post-3278110)
 * Well that was easy!
 * In the “Form” box on WP, I just wrapped the code in a <div> tag and gave that
   a class.
 * Defined the class in my main style sheet.
 * Works just like as if it were simple HTML/CSS.
 * Great!
 * Form:
    **<div class=”quickContact”>** <p>Your Name (required) [text* your-name]
   </p> <p>Your Email (required) [email* your-email] </p> <p>Subject [text your-
   subject] </p> <p>Your Message [textarea your-message] </p> <p>[submit “Send”]
   </p> **</div>**
 * In CSS:
    .quickContact input { width: 100px; }
 *  [Paal Joachim Romdahl](https://wordpress.org/support/users/paaljoachim/)
 * (@paaljoachim)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/define-css-for-multiple-forms/#post-3278174)
 * Thank you for sharing your discovery!
 * It works smoothly!

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

The topic ‘Define CSS for Multiple Forms’ 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/)

 * 2 replies
 * 2 participants
 * Last reply from: [Paal Joachim Romdahl](https://wordpress.org/support/users/paaljoachim/)
 * Last activity: [13 years, 3 months ago](https://wordpress.org/support/topic/define-css-for-multiple-forms/#post-3278174)
 * Status: resolved