Title: html code for Submit button ?
Last modified: August 22, 2016

---

# html code for Submit button ?

 *  [geebeede](https://wordpress.org/support/users/geebeede/)
 * (@geebeede)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/html-code-for-submit-button/)
 * Hello,
    I managed to design the fields via adding codes… I only couldn’t work
   out how to do this with the Submit button..
 * I want this one to look like the other 2 just not so wide…
    ( please see here
   [http://009.3c5.myftpupload.com/](http://009.3c5.myftpupload.com/) )
 * This is what I added to the CSS for the fill in fields
 * .wpcf7 input[type=”text”],
    .wpcf7 input[type=”email”], .wpcf7 textarea { background-
   color: #fffff; color: #000; width: 140px; height: 30px; border: none; padding-
   left:10px
 * }
 * What do I have to add to the CSS to achieve the same with the submit button???
 * Thank you for any help!!!
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 1 replies (of 1 total)

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/html-code-for-submit-button/#post-5955167)
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) 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.
 * 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.​​

Viewing 1 replies (of 1 total)

The topic ‘html code for Submit button ?’ 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

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

 * 1 reply
 * 2 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [11 years, 2 months ago](https://wordpress.org/support/topic/html-code-for-submit-button/#post-5955167)
 * Status: not resolved