Title: Center align fields?
Last modified: October 24, 2018

---

# Center align fields?

 *  [samgarden](https://wordpress.org/support/users/samgarden/)
 * (@samgarden)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/center-align-fields/)
 * Hello, can someone please assist with a bit of CSS? I need the contact form at
   the bottom-right of the page to be styled consistent with the MC form on the 
   left. Can the fields be center-aligned at 100% width, and button be center-aligned
   at 50%? Much appreciated.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcenter-align-fields%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/center-align-fields/#post-10813229)
 * See [Styling Contact Form](https://contactform7.com/styling-contact-form/)
 *  Thread Starter [samgarden](https://wordpress.org/support/users/samgarden/)
 * (@samgarden)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/center-align-fields/#post-10815049)
 * Doesn’t have any info on alignment or width.
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/center-align-fields/#post-10817129)
 * There is a link to an article I wrote at the bottom of the page I suggested (
   which is recommended by the CF7 plugin author, though I’m not allowed to link
   directly to it here), that covers this topic in detail.
 * **Abbreviated Version**
    1. You need basic HTML & CSS skills
    2. You need to know how to use [Chrome Dev Tools](https://developers.google.com/web/tools/chrome-devtools/css/)
       or equivalent
    3. Use Dev Tools to examine the CSS styling applied to your form in detail
    4. Determine what CSS changes you need to make
    5. Add custom CSS via [WP Customizer > Custom CSS](https://www.proteusthemes.com/blog/additional-css-wordpress-customizer/),
       [custom CSS plugin](http://wordpress.org/extend/plugins/search.php?q=custom+css)
       or [child theme](http://wplift.com/customise-wordpress-child-theme).

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

The topic ‘Center align fields?’ 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

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

 * 3 replies
 * 2 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/center-align-fields/#post-10817129)
 * Status: not resolved