Problem: Email field is styled differently than other fields

Posted by on Sep 23, 2011 in How To, Troubleshooting

Problem:
Email field is styled differently than other fields

Solution:
Your theme style.css is causing this. Here is how to fix it;
Edit your theme style.css

find:
input[type="text"]

change to:
input[type="text"], input[type="email"]

Sometimes there is more than one item found so look and again to be sure.
Sometimes there are no quotes input[type=text] so be sure to search for that also.
be careful about the comma, each item before the curly bracket is separated by comma. If you misplace the comma, the css will not work.
example: input[type="text"], input[type="email"], textarea {

How do I edit the file?
You may have to FTP to your theme directory with a program like FileZilla, download the style.css, edit it, save the change, then upload again.
Make sure you are in the correct theme folder.
/wp-content/themes/[your theme name]

See related:
Problem: HTML validator: value of attribute “type” cannot be “email”

Do you need help?

Send us a Donation:

Donate to Mike Challis