Optimize Mailchimp signup form

[Anonymous]

When I paste the “naked” code (taking CSS from theme) for the Mailchimp signup form in my sidebar, the Mailchimp submit button is light grey. How can I make it turquois, as is the default for my Social Learner color scheme?

Also, I would like to make it more compact, i.e. by putting the label in the input field, and the button next to it. I found some CSS code, but it is not working:

#mc_embed_signup input.email {
	display: inline-block;
}

#mc_embed_signup input.button {
	display: inline-block;
}

[Anonymous]

Actually, the submit button is turquois on one page, and grey on the other, and I don’t see the difference. It is the same kind of code that I have put in. See:
http://nicole-schaller.eu/services-category/services-by-client/
http://nicole-schaller.eu/blog/

And I have also tried to remove the line breaks within the text widget to make it more compact. But then the text becomes larger, and in the end result, the widget takes up the same space.

[Varun Dubey]

Hi @nmschaller, on the service or product pages WooCommerce include their own css with woocommerce.css and on individual blog pages post that css files is not enqueued by plugin ,that’s why you are getting different color for button.

It need a custom css for btn color specific to widget area

widget-area .widget button[type="submit"], .widget-area .widget input[type="submit"] {
    background-color: #4dcadd !important;
}

Regards
Varun Dubey

[Anonymous]

Thank you very much.

[Varun Dubey]

🙂