wordpress - Trying to edit MailChimp button, but CSS rule messes up rest of site -

In trying to change the color of the "Subscribe" button I added the CSS while editing the CSS plugin.

  #mc_embed_signup .button {background color: gray; White color; }  

This bit of code meets the purpose you want, but it also changes many other things on my website, but not limited to: header, footer, H1 Text, H2 text, etc.

Why is this bit of code destroying so much trouble?

This particular bit CSS is probably not what's to screw the rest of your site.

Your #mc_embed_signup .button {} selector is OK. The # mc_embed_signup element has an div element that wraps the MailChimp signup form, the square of the .button button, and your selector means " Apply the following styles to anything with a class of 'button' inside the element with an ID of 'MC_mbed_sign'. "

Since there is only one button inside of that form, however, id , you complete the same thing by writing #mc-embedded-subscribe {} Can also do

In any case, this is probably another error. Look at your CSS which produces to disturb the rest of your site for any shy braces or missing semicolons carefully.