Mailchimp Field Alignment

Hey Jason!

Setting the width of the email address input field should actually do the trick to carry over to the next line. Here’s the CSS code you’d want to add to your WordPress theme’s stylesheet:

#mc_signup_form .mc_input {
width: 200px;
}

Where width is anything you’d like to define. You should then see the Email Address label followed by the input field underneath it.

-tk

Hello,

I put the code as described into style sheet however nothing happened. Please help out as boxes are not aligned. Please see area above footer.

https://www.ezsolutionspk.net

Regards

Hey there!

In looking at my last reply, my recommendation was a bit too specific to the original poster’s website. A better solution would be to set your field label to “display:block;”. Here’s the code that should do just that:

#mc_signup_form .mc_var_label {
display: block;
}

Let me know if you have any questions!

Hello,

Dear still nothing happended I added the code to my css.style sheet main code. Formatting still remains the same

Hey there,

In taking a look at the site, I’m not seeing that particular style being applied onto the label element. Can you link me to the file that you added it to?

-tk

Thanks

Its working now

Regards

Awesome, glad to hear. Let me know if you have anymore questions!