Title: Button moving [css problem]
Last modified: August 30, 2016

---

# Button moving [css problem]

 *  Resolved [TrifonPap](https://wordpress.org/support/users/trifonpap/)
 * (@trifonpap)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/button-moving-css-oroblem/)
 * Hello!
 * I am creating a personal website and I have a problem:
 * I am using contact forms 7 and so far managed to set it up exactly as I wanted
   to. The only problem is I think I messed up something on the ‘Send’ button on
   the bottom of the screen. It is moving abit to the left and it is not in the 
   exact same vertical line as the boxes above it. It seems abit ‘off’. Not a really
   big deal, I know, but I want to fix it.
 * The website is this: [http://www.trifonpapantoniou.com](https://wordpress.org/support/topic/button-moving-css-oroblem/www.trifonpapantoniou.com?output_format=md)
 * The css for the button is this:
 *     ```
       .wpcf7-form-control.wpcf7-submit {
   
       float: none;
         background-color: #FCD849;
         -webkit-appearance: none;
       -webkit-font-smoothing: antialiased;
       background-color: #FCD849;
       border: none;
       color: rgb(135, 108, 2);
       cursor: pointer;
       display: inline-block;
       font-family: 'Open Sans', sans-serif;
       font-size: 16px;
       font-style: normal;
       font-variant: normal;
       font-weight: bold;
       height: 63.5938px;
       letter-spacing: 1.6px;
       line-height: normal;
       margin-bottom: 20px;
       margin-left: 0px;
       margin-right: 0px;
       margin-top: 0px;
       padding-bottom: 20.8px;
       padding-left: auto;
       padding-right: auto;
       padding-top: 20.8px;
       position: relavtive;
       text-align: center;
       text-decoration: none;
       text-transform: uppercase;
       transition-delay: 0s, 0s;
       transition-duration: 0.3s, 0.3s;
       transition-property: background-color, color;
       transition-timing-function: ease-out, ease-in;
       width: 50%;
       transition: background-color 300ms ease-out, color 300ms ease-in;
       }
       ```
   
 * Cheers and thank you for any help!

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

 *  [Matthew](https://wordpress.org/support/users/kidsguide/)
 * (@kidsguide)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/button-moving-css-oroblem/#post-6647663)
 * I recommend asking at [https://wordpress.org/support/plugin/contact-form-7#postform](https://wordpress.org/support/plugin/contact-form-7#postform)
   so the plugin’s developers and support community can help you with this.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/button-moving-css-oroblem/#post-6647665)
 * Also try using Firefox with the [Firebug add-on](http://getfirebug.com/) for 
   this kind of CSS troubleshooting. Or use whatever developer tool is available
   in your web browser.
 *  Thread Starter [TrifonPap](https://wordpress.org/support/users/trifonpap/)
 * (@trifonpap)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/button-moving-css-oroblem/#post-6647672)
 * I will! Thank you both for you answers.

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

The topic ‘Button moving [css problem]’ is closed to new replies.

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [vertical](https://wordpress.org/support/topic-tag/vertical/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 3 participants
 * Last reply from: [TrifonPap](https://wordpress.org/support/users/trifonpap/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/button-moving-css-oroblem/#post-6647672)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics