Change color of submit button

Hey stock134!

Thanks for getting in touch. The button color can be customized by editing the CSS of your theme in your site. Adding this would make the button’s text color black and the button itself white, for example:

#mc_signup_submit {
color: #000000;
background-color: #FFFFFF;
background-image: none;

}

Changing the color codes used for the color and background-color lines would let you change the colors as desired.

If we can help with anything else, let us know!
-Gabe

Hi, in the submit button (in the sidebar widget) can i change the text colour? At the moment it is white and i can not see anything.
Here is the blog with the mailchimp form:

https://fattodallamamma.com/test/

Thanks a lot,

Cinzia

Hey Cinzia,

I took a look at your page and it appears that form is actually from a third party WordPress plugin (https://dannyvankooten.com/mailchimp-for-wordpress/) rather than our official one. It does appear the screenshots on the bottom of the plugin’s page show a settings screen for formatting the button, and otherwise support would need to come from that plugin’s developer.

If you’d like to try our plugin instead, it can be found at https://www.ads-software.com/plugins/mailchimp/. The button and button text colors can be modified as I indicated previously by adding particular code to your site’s theme’s style.css file and changing the color specified there.

If we can help further, please let us know. We’ll be glad to assist.
-Gabe

Thank you Gabe,
I tried your plugin and now the button is fine.
??

I understand the CSS code, but I don’t know where to actually put the code. I haven’t done any code modification in WordPress.

Added the Simple Custom CSS plugin and got the button changed. How do I change the little bar underneath?

Is there a list somewhere?

Sorry for the n00b questions. Appreciate your help!

Hi Stock134,

Thanks for hopping in the forum. You could use a plugin to add the css. But it can also be added to your WordPress theme’s style.css file. To do that, in the WordPress Admin area, select Appearance > Editor, then add the css to the bottom of the style.css file.

By default, a bar isn’t added to the button, so there could be something on your site adding that bar. Could you send us a link to the site with the button? Then we can see how that bar is being added and offer some suggestions on changing it.

We look forward to hearing from you!

-mc_d

I did it!!!! WOOOHOOO!!!!

Thank you so much!! Thanks for helping me earn my WP edit CSS badge!

It was border-bottom: 3px solid #b93207
Theme I’m using is twenty thirteen
I was able to change it.

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #e05d22; /* Old browsers */
	background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
	border: 1px solid #008d92;
	border-bottom: 2px solid #008d92;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}