Title: Modifying form width & styles
Last modified: August 21, 2016

---

# Modifying form width & styles

 *  Resolved [judith.engracia](https://wordpress.org/support/users/judithengracia/)
 * (@judithengracia)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/modifying-form-width-styles/)
 * Hi there,
 * I’ve read through the previous threads about modifying the width & style of the
   contact form, but the solutions did not work for me.
 * My website is: [http://www.etnaproperties.com/property/1001-hillview-drive-salt-lake-city/](http://www.etnaproperties.com/property/1001-hillview-drive-salt-lake-city/)
 * I’m using the Real Homes Inspiry Theme
 * As you can see, the form is too wide for the sidebar space allocated by the theme.
 * The stylesheet of my theme does not have any lines about this contact form.
 * When I try to edit the width in the file “contact-form-7/admin/css/styles.css”
   through Plugins > Editor, nothing changes on my site.
 * Please let me know what I’m doing wrong and how I may edit the width, along with
   the background color and other styles.
 * Thanks!
 * Best wishes,
    Jude
 * [http://wordpress.org/plugins/contact-form-7/](http://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, 6 months ago](https://wordpress.org/support/topic/modifying-form-width-styles/#post-4307849)
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/)
 * Try adding this into the [child theme’s stylesheet](http://www.etnaproperties.com/wp-content/themes/realhomes-child/style.css):
 *     ```
       .sidebar .wpcf7 input[type="text"],
       .sidebar .wpcf7 input[type="email"],
       .sidebar .wpcf7 textarea
       {
           width: 50px;
       }
       ```
   
 *  Thread Starter [judith.engracia](https://wordpress.org/support/users/judithengracia/)
 * (@judithengracia)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/modifying-form-width-styles/#post-4307881)
 * Thank you!!
 *  [svillabona](https://wordpress.org/support/users/svillabona/)
 * (@svillabona)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/modifying-form-width-styles/#post-4307893)
 * I’m having a similar issue in that the comment text area is bleeding into the
   main content area on my website.
 * Can you please assist me as to where I can check the sizing?
 * website: [http://www.eastvalleyurban.com](http://www.eastvalleyurban.com)
 * Thank you!

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

The topic ‘Modifying form width & styles’ 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/)

 * 3 replies
 * 3 participants
 * Last reply from: [svillabona](https://wordpress.org/support/users/svillabona/)
 * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/modifying-form-width-styles/#post-4307893)
 * Status: resolved