Archived topic
How to centralize the Mailchimp form
6 replies · Started by Roger on July 9, 2021
Hi,
How to centralize the Mailchimp form? I'm using the code below:
.mailchimp-container {
background-color: #111; /* Add background color here */
padding: 80px; /* Space around form */
display: flex;
}
.mc4wp-form-fields {
display: flex;
}
.mailchimp-container .mc4wp-form {
margin-left: auto;
margin-right: auto;
}
.mailchimp-container .mc4wp-form input {
border-radius: 4px;
margin: 1%;
flex: 1;
}
@media(max-width: 860px) {
.mc4wp-form-fields {
display: flex;
flex-wrap: wrap;
}
}
How to keep the form in one line on mobile?
Hi there,
if you can share a link to your site, ill take a look at whats required to style the Mailchimp form....
Hi David,
Hi Roger,
Go to Additional CSS field in the customizer and modify this CSS:
.mc4wp-form-fields {
display: flex;
}to this:
.mc4wp-form-fields {
display: flex;
justify-content: center;
}Let me know if this helps :)
Thank you Leo!
No problem :)
