Hello,
I have added a mail chimp email form in the first column of my footer using their wordpress pugin. I’m trying to get the name and email field to appear on the same line instead of underneath each other and also so I can modify the css for the submit button (float:left;, background-color/text-color, etc. but I can’t seem to figure out what enfold CSS is overriding it.
Is there is something I can add to my quick css to quickly solve this?
Thanks.
Hi samadhi_!
Add this to your custom CSS.
.mc4wp-form > label, .mc4wp-form input {
float: left;
width: auto !important;
}
.mc4wp-form > input[type="submit"] { float: none !important; }
Cheers!
Elliott
Hey Elliot,
Thanks for the quick response, I was able to modify the code you gave me to get it mostly looking the way it should but the alignment of the input fields and submit button seems to break when the site is viewed on smaller screens and I’m not sure what is causing it?
Hey!
On mobile, you can set the width of the input fields to 100% then place it on top of one another. Use this:
@media only screen and (max-width: 767px) {
.mc4wp-form > label, .mc4wp-form input {
width: 100% !important;
}
.mc4wp-form input[type='Submit'] {
width: auto !important;
}
}
Best regards,
Ismael