Not playing nice with Firefox

Hi MakeTechBetter,

Thanks for writing in today. Looking at your site’s code it seems you have a float:left; applied to labels in forms. To fix this, look in your shortcodes.css file and look for this section:

form label{
	float:left;
	width:120px;
}

You can either remove float:left; or change it to float: none; There might be something else on your site, causing it to only float on the left in firefox. But removing this css declaration seems to fix it.

If you have any other questions feel free to get in touch.

-mcd

aaaaaaaand…. you’re awesome! thanks!

Hi there,

I also use your plugin on Rootwords’ website. I added the following CSS code to avoid a large gap on the left `form label{
float:left;
width:120px;
}`

The problem is that it also affects the contact form page.

Any advice ?

Thanks for your help,

Stan

Hey Stan!
It looks like what’s going on here is you may be applying that CSS to all forms on your site rather than specifically the form for the plugin. Instead of form label, trying #mc_signup_form label might do the trick for you. That should leave your contact form and any other forms untouched while specifically applying the css to labels within the MailChimp plugin’s signup form.

-Gabe