Title: Width feature not working?
Last modified: August 21, 2016

---

# Width feature not working?

 *  [dave.ooo](https://wordpress.org/support/users/crossy/)
 * (@crossy)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/width-feature-not-working/)
 * Hi,
 * I’ve tried using the width feature, but it does not seem to apply. So I figured
   i’d CSS it in myself, using `max-width: 500;`. However, when I do that, the text
   underneath seems to come up next to it.
 * Figured it was some floating comment that was making it appear on the side, but
   it appears to be a height thing of the whole contactform. Hence a `clear: both;`
   didn’t work either.
 * Uploaded a screen for clarity: [http://imgur.com/iLWCc0g](http://imgur.com/iLWCc0g)
 * I’d like the text on the right, to be under the form.
 * Anyone has a suggestion for me?
 * Best regards,
    Dave
 * [http://wordpress.org/plugins/contact-form-7/](http://wordpress.org/plugins/contact-form-7/)

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

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/width-feature-not-working/#post-4545984)
 * The overall size of the form elements is generally controlled by the CSS in your
   current WordPress theme rather than the “size” you use in the Form section of
   the CF7. This refers to the size of the standard HTML size attribute which may
   or may not control overall element size.
 * If you want to control the width of fields, you can do it by editing the CSS 
   stylesheet in your theme.
 * For details, see [Styling Contact Form](http://contactform7.com/styling-contact-form/).
   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.
 * If you include a link to your Contact Form 7 form, others here may be able and
   willing to offer a possible solution.
 * Link will allow people to use [Firebug](https://getfirebug.com/) or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/)
   to understand the CSS used for your CF7 form elements.
 *  Thread Starter [dave.ooo](https://wordpress.org/support/users/crossy/)
 * (@crossy)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/width-feature-not-working/#post-4546074)
 * Hi Buzztone,
 * Thanks for your time.
 * I don’t think the styling system is ideal for this plugin, but it works I guess.
   I wanted the width to be about 50% and float in the middle, but
 * `margin-left: auto; margin-right: auto;`
 * doesn’t seem to function for it.
 * I’ve used this now, which seems to the the job up to a sertain point of acceptance
   on my part 😉
 *     ```
       div.wpcf7 {
       	margin: 0;
       	padding: 0;
               margin-left: 20px;
               margin-right: 20px;
       }
   
       .wpcf7 input[type="text"],
       .wpcf7 input[type="email"],
       .wpcf7 textarea,
       .wpcf7 input[type="submit"]
       {
           max-width: 500px !important;
       }
       ```
   
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/width-feature-not-working/#post-4546146)
 * If you include a link to your Contact Form 7 form, others here can use Firebug
   or Chrome Dev Tools to understand the CSS used for your CF7 form elements.
 * Without a link it’s just not practical to offer further advice.

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

The topic ‘Width feature not working?’ 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

 * [float](https://wordpress.org/support/topic-tag/float/)
 * [height](https://wordpress.org/support/topic-tag/height/)
 * [width](https://wordpress.org/support/topic-tag/width/)

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