Hey there Tacostrat!
Right now, the plugin is set to display the field label and input box on the same line. So because “Email Address” is a longer label than “First Name”, it’s pushing out that input area beyond where the other two end.
The good news is there’s a very short snippet of code you can add to your Style.css file. From the WordPress dashboard, go to Appearance -> Editor -> Style.css. We’ll set the input fields to display on a separate line, leaving their corresponding labels above them and letting all of the input areas line up. To do that, you’ll add the following styling to your CSS:
#mc_signup_form .mc_input {
display:block;}
Before — http://cl.ly/image/1S130C1o1904
After — http://cl.ly/image/3M041p0j2L0V
For more information on styling that can be added through CSS, check out this thread:
http://wordpress.org/support/topic/plugin-mailchimp-list-subscribe-form-mailchimp-widget-subscribe-box-needs-aligning?replies=42
If we can help in any other way, give us a shout!
Cheers
Could not have worked more perfectly. Thanks a million.
Hi, I’m sorry to report that. This solution perfectly works on Internet Explorer 9, but definitely not on Firefox 15.
After the change Internet Explorer shows the title in a separate row, but input field in another row, but at Firefox it’s still all the same as before the change. Is there a way to shorten the title Email address. I’m sorry I currently don’t have Visual Studio installed here otherwise I would search for that myself.
And this is how I found this post. Internet Explorer always worked great, but I have the same problems mentioned above with the Firefox. It looks like Firefox is completely incompatible with standards.
Hey there, Peter!
Can you shoot me a link to your site so I can have a closer look? When I check out Taco’s site in Firefox, things seem to render as expected:
Screenshot — http://cl.ly/image/1o3o0H1r3q1X
Cheers
Hi, thank you for your reply. My page is at http://www.e-fotoportal.com
I tested it with deactivating the W3 Total Cache plugin (now it is turned on again) but it didn’t help. I also tested it on three diferent computers two running W7 and one running W8 with IE10 and IE10 works great too.
Hey again, Peter!
I had a peek using Firefox for OSX and Windows 7, but everything looks good on this end:
Windows 7 — http://cl.ly/image/1J0O0g0t3H0r
OSX — http://cl.ly/image/0u0k0P0Q173y
Unfortunately, it sounds like there might be something local going on?
Thank you for being so nice.
Well. This is strange actually. I don’t think this is something locally because I tried that on three different computers. I’m aware you can’t help in this case because you really see it as it should be. I’ll do some more investigation on that.
This is how I see it on the three computers I tested:
http://sdrv.ms/NMOS5v
The link points to the screenshot at my Microsoft SkyDrive.
Meanwhile. Is there a way to give us an option to name that field title ourself?
