After searching for hours on how to make the mailchimp fields sit next to each other instead of below each other, I found your excellent tutorial for the Enfold theme and added the appropriate code.
All seems to be ok now, except, I would like the “Submit” button to be this colour: #F6937A and the background of the whole form to be #FBC7B4.
I would also like the “Submit” button to be smaller and to have a bit of space between the columns.
Is there quick css code that I can add in to make this happen please.
The form is for the following page:
Thank you very much
Ivana
Hey Ivana!
Glad you liked my tutorial, first make sure to set the plugin CSS to not load and add this to Quick CSS:
.mc4wp-form label{
color: white !important;
}
.mc4wp-form .modified_width .button {
background: #F6937A !important;
color: white !important;
}
.mc4wp-form .modified_width .button:hover{
background: #DA6346 !important;
}
.mc4wp-form {
padding: 10px 20px;
background: #FBC7B4;
overflow: hidden;
}
Regards,
Josue
Many many thanks Josue.
Just one more question please – I would also like the “Submit” button to be smaller and to have a bit of space between the columns. Is that possible with quick css?
Cheers
Ivana
Hi Ivana!
Make sure to set this option to “No” in MailChimp for WordPress > Forms:
Regards,
Josue
Aha! That did the trick!
Thank you … I greatly appreciate your help.
You are welcome, always glad to help :)
Regards,
Josue