Title: Left align submit button with text fields
Last modified: August 22, 2016

---

# Left align submit button with text fields

 *  [klaw718](https://wordpress.org/support/users/klaw718/)
 * (@klaw718)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/left-align-submit-button-with-text-fields/)
 * Hello there,
 * I’m sure this is an easy fix, however, I’ve tried all the possibilities I can
   think of, and yet the submit button still sits way off on the right out of alignment
   with the text fields. I’d like to align it left. I know it’s picking up my pre-
   existing CSS which floats all submit buttons to the right, but I want to be able
   to JUST align the contact form submit button to the left, not all my other submit
   buttons. Is there some easy way to do this that I’ve been overlooking? I tried
   adding something like:
 * .input.wpcf7-submit a. button {
    float: left; }
 * to the CSS but it didn’t work. I also tried adding it within the plugin’s CSS,
   but this also didn’t work. At this point, I’d really appreciate some possible
   solutions. Thanks again guys!
 * website: [http://www.thepeacetribe.com](http://www.thepeacetribe.com)
 * (check under the ‘contact’ tab to see what I mean)
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/left-align-submit-button-with-text-fields/#post-5492898)
 * Use [Firebug](https://getfirebug.com/) or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/)
   to examine the HTML and CSS of your CF7 form in detail. Once you understand how
   the HTML and CSS is configured in your CF7 form, you should be able to see the
   CSS changes you need to change the appearance of the form to suit your requirements.
 * See [Styling Contact For](http://contactform7.com/styling-contact-form/)m 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’d avoid using float: left; to override any float: right; styling,
   as this can cause flow on effects in following elements. Rather try to use float:
   none; with sufficient [CSS Specific​ity](http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/)
   to over-ride the existing styles.
 *  [nanderrrrr](https://wordpress.org/support/users/nanderrrrr/)
 * (@nanderrrrr)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/left-align-submit-button-with-text-fields/#post-5493174)
 *     ```
       .wpcf7-submit{
           float: left;
           clear: both;
           margin-bottom: 20px;
       }
       ```
   
 * try this if you are still looking for a solution

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

The topic ‘Left align submit button with text 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/)
 * [submit button](https://wordpress.org/support/topic-tag/submit-button/)

 * 2 replies
 * 3 participants
 * Last reply from: [nanderrrrr](https://wordpress.org/support/users/nanderrrrr/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/left-align-submit-button-with-text-fields/#post-5493174)
 * Status: not resolved