Title: Full width button
Last modified: March 15, 2018

---

# Full width button

 *  Resolved [2020media](https://wordpress.org/support/users/2020media/)
 * (@2020media)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/full-width-button-2/)
 * Hi
    How to apply styling to make the Submit button full width?
 * I tried this suggestion: [https://theme.co/apex/forums/topic/full-width-or-block-style-button-on-contact-form-7/](https://theme.co/apex/forums/topic/full-width-or-block-style-button-on-contact-form-7/)
   but it didn’t work on the MD form.
 * I’d also like to change the button colour.
 * Many thanks!

Viewing 1 replies (of 1 total)

 *  Plugin Author [GusRuss89](https://wordpress.org/support/users/gusruss89/)
 * (@gusruss89)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/full-width-button-2/#post-10080401)
 * Hi [@2020media](https://wordpress.org/support/users/2020media/),
 * You can do this with some custom CSS (add it under Appearance > Customize > Material
   design Forms > Custom CSS).
 *     ```
       #cf7md-form .cf7md-submit-btn {
           width: 100%;
           background: red !important;
       }
       #cf7md-form .cf7md-submit-btn:hover {
           background: blue !important; /* Hover colour */
       }
       ```
   
 * Hope that helps 🙂
 * Thanks,
    Angus

Viewing 1 replies (of 1 total)

The topic ‘Full width button’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/material-design-for-contact-form-
   7_f8f8f8.svg)
 * [Material Design for Contact Form 7](https://wordpress.org/plugins/material-design-for-contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/material-design-for-contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/material-design-for-contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/material-design-for-contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/material-design-for-contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/material-design-for-contact-form-7/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [GusRuss89](https://wordpress.org/support/users/gusruss89/)
 * Last activity: [8 years, 3 months ago](https://wordpress.org/support/topic/full-width-button-2/#post-10080401)
 * Status: resolved