I want to change the button color of my Mailchimp submit button.
I tried to use following CSS I found in the documentation. I’m able to change the font color but the button color doesn’t change somehow. Can anyone help?
#top .avia_ajax_form.avia-mailchimp-form input[type=’submit’] {
background: #222222;
color: #fff200;
}
The button color is still transparent and not #222222.
Hey MrJoscha,
Please try this instead:
#top .avia_ajax_form.avia-mailchimp-form input[type='submit'] {
background-color: #222 !important;
color: #fff;
}
Best regards,
Rikard
That perfectly worked, thank you!
I have another issue with the Mailchimp form. The font of the required field e-mail-address changes from Comfortaa to Arial or something on mobile devices. On the Desktop version the font is like it should be – Comfortaa.
Hi,
Thanks for the update. Please try this CSS as well:
@media only screen and (max-width: 767px) {
#top input[type="email"] {
font-family: inherit !important;
}
}
Best regards,
Rikard
It worked!
Thanks for your help!
Hi MrJoscha,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria