recaptcha layout problems w/ Mantra

Hi All,

Just posting for any others that may have problems. There is built in CSS in Mantra (and possibly Parabola) that is affecting the Recaptcha layout, in case you use that on comments or a contact form. Find it was like searching for a needle in a haystack, but if you put the following in your custom CSS (using Mantra’s placement or the Jetpack custom CSS), it should fix your Recaptcha layout:

.recaptchatable input[type="text"], .recaptchatable input[type="password"], .recaptchatable input[type="email"], .recaptchatable textarea {
/* fix mantra theme issues with recaptcha */
	height: auto !important;
}

The problem in the Mantra (and maybe Parabola) CSS is this line, for those curious:

input[type="text"], input[type="password"], input[type="email"], textarea {
	height: 32px;
}

Hope that helps someone!

Derek W. Beck
https://www.derekbeck.com