Title: Form Size
Last modified: August 21, 2016

---

# Form Size

 *  [Dymo310](https://wordpress.org/support/users/dymo310/)
 * (@dymo310)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/form-size-2/)
 * Hi
 * Not a pro user, but are able to fix simple stuff. However, the SIZE of the form
   I cant seem to adjust. As it is now, all fields in the form are stretched out
   from one side of the page to another.
 * [http://firemask.no/?page_id=24](http://firemask.no/?page_id=24)
 * 1) Is it possible to adjust the size of the (whole) form, either by % or pixels,
   or do I have to adjust every field?
 * Looking forward to replies 🙂
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  Plugin Author [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/form-size-2/#post-4671367)
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/).
 *  Thread Starter [Dymo310](https://wordpress.org/support/users/dymo310/)
 * (@dymo310)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/form-size-2/#post-4671387)
 * Hi and thx for your reply. Like i said, not a pro user. If you told me WHERE 
   to do the changes (what file/what folder/what class/in the form itself?) I wold
   solve this in minutes
 * ——————————–
 * Style Whole of Contact Form
    As I mentioned earlier, the top-level element of
   contact form has ‘wpcf7′ class. To style the whole contact form, add style rules
   for the class selector:
 * .wpcf7
    { background-color: #f7f7f7; border: 2px solid #0f0; }
 * ——————————–
 * This tells me what to do, not where to do it.
 * Sorry for being a dick, but I dont have a clue unless I’m told where to look.
 * 🙂
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/form-size-2/#post-4671521)
 * 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.
 * _Note: I am not able to include this link directly in this Forum due to some 
   Forum moderation policies_

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

The topic ‘Form Size’ 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

 * [form](https://wordpress.org/support/topic-tag/form/)
 * [form size](https://wordpress.org/support/topic-tag/form-size/)
 * [size](https://wordpress.org/support/topic-tag/size/)

 * 3 replies
 * 3 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/form-size-2/#post-4671521)
 * Status: not resolved