Title: Change 'Submit' button image
Last modified: August 21, 2016

---

# Change 'Submit' button image

 *  [tahoemnts](https://wordpress.org/support/users/tahoemnts/)
 * (@tahoemnts)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/change-submit-button-image/)
 * What is the CSS or what is the best way to change the ‘submit’ button image with
   another one? Thanks.
 * [http://wordpress.org/extend/plugins/contact-form-7/](http://wordpress.org/extend/plugins/contact-form-7/)

Viewing 1 replies (of 1 total)

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/change-submit-button-image/#post-3860833)
 * To change the style of your CF7 forms you would need to edit the CSS style sheets
   used by your WordPress theme.
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) for
   a general explanation of styling CF7 forms using CSS. If you are not familiar
   with CSS, this page also includes some links to where you can learn CSS.
 * The most common and preferred method is to create a Child Theme and make any 
   necessary additions to the CSS in the child themes style.css only, rather than
   directly in the themes styles.css. That way you don’t loose your changes when
   you update the theme.
 * 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.
 * Also good idea to target CSS classes & ids used within your CF7 forms only, so
   that your CSS changes don’t inadvertantly effect other elements on your website.
 * If you are uncomfortable editing CSS style sheets you may prefer to use a custom
   CSS plugin like [My Custom CSS](http://wordpress.org/plugins/my-custom-css/).

Viewing 1 replies (of 1 total)

The topic ‘Change 'Submit' button image’ 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: [12 years, 11 months ago](https://wordpress.org/support/topic/change-submit-button-image/#post-3860833)
 * Status: not resolved