Title: Edit Submit button style
Last modified: August 21, 2016

---

# Edit Submit button style

 *  Resolved [sajtosritt](https://wordpress.org/support/users/sajtosritt/)
 * (@sajtosritt)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/edit-sumbit-button-style/)
 * Hi!
    I’d like to change the color or Submit button in my subscribe form. For 
   that it is given this in the adjustments, but I just don’t know what to do with
   that:
 * #mc_signup_submit – Use this to style the submit button.
 * Can you help please?
 * Thank you in advance!
    Kind regards, Rita
 * [https://wordpress.org/plugins/mailchimp/](https://wordpress.org/plugins/mailchimp/)

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

 *  [mc_gabe](https://wordpress.org/support/users/mc_gabe/)
 * (@mc_gabe)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/edit-sumbit-button-style/#post-4697049)
 * Hey Rita!
 * Thanks for writing in. That CSS ID can be used within your theme’s CSS file in
   order to customize the text and background colors of the button. Finding your
   WordPress theme’s CSS file and adding this to it, while changing the values for
   the colors, should do the trick:
 *     ```
       #mc_signup_submit {
       color: #000000;
       background-color: #ffffff;
       background-image: none;
       border: 1px solid #d2d2d2;
       }
       ```
   
 * There, `color` is used for text color and `background-color` is the color of 
   the button itself. `background-image` is used to turn off the gradient that’s
   used by default instead of the stated background color and `border` can be modified
   to change the width, style, and color of the border of the button.
 * That should do the trick for you!
    Gabe
 *  [lee.stanley3](https://wordpress.org/support/users/leestanley3/)
 * (@leestanley3)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/edit-sumbit-button-style/#post-4697135)
 * Hey mc-gabe, I have copied the code above into my CSS child theme file yet I 
   can not see the required changes?? Any suggesitons??
 * Here is what I have entered.
 * > #mc_signup_submit {
   >  background: none repeat scroll 0 0 #EC0606; font-size:
   > 32px; margin-top: 1.5em; width: 100%; }
   > #mc_signup_submit .input {
   >  color: #FFFFFF; font-family: Arial,Helvetica,Tahoma,
   > sans-serif; text-align: left;
 * Where am I going wrong? I use firefox firebug… this changes to how I want it 
   to look on screen, then I copy the rule declaration paste it into my Child theme
   css yet nothing happens??
 * HELP!
 * Lee.
 *  Thread Starter [sajtosritt](https://wordpress.org/support/users/sajtosritt/)
 * (@sajtosritt)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/edit-sumbit-button-style/#post-4697149)
 * Dear Gabe!
 * Thanx for your help! It DID WORK for me! Much nicer this way!
 * Thanks again 🙂
 * Take care,
    R
 *  [mc_gabe](https://wordpress.org/support/users/mc_gabe/)
 * (@mc_gabe)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/edit-sumbit-button-style/#post-4697155)
 * Hey Rita! I’m glad that helped!
 * Lee, that code should work when placed directly in the css file for your theme,
   unless some CSS from elsewhere is overriding it.
 * Specifically:
    [http://yourwordpressinstall.com/path/wp-content/themes/yourtheme/style.css](http://yourwordpressinstall.com/path/wp-content/themes/yourtheme/style.css)
 * That said, if you’d like we can take a look at your site itself for you. Because
   this thread has already been resolved, if you’d like us to take a look please
   feel free to start a new thread (with perhaps a link to this one) and the address
   of your website. We’ll be glad to at least take a look!
 * Thanks,
    Gabe
 *  [lee.stanley3](https://wordpress.org/support/users/leestanley3/)
 * (@leestanley3)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/edit-sumbit-button-style/#post-4697166)
 * Thanks Gabe, problem solved. Placed the code in the child theme CSS and then 
   played with the settings until I stumbled across the align-centre for the whole
   widget box.
 * All sorted.

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

The topic ‘Edit Submit button style’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp/assets/icon.svg?rev=3156997)
 * [Mailchimp List Subscribe Form](https://wordpress.org/plugins/mailchimp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp/reviews/)

## Tags

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

 * 5 replies
 * 3 participants
 * Last reply from: [lee.stanley3](https://wordpress.org/support/users/leestanley3/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/edit-sumbit-button-style/#post-4697166)
 * Status: resolved