Quantcast
Viewing all articles
Browse latest Browse all 11

Problem: Email field is styled differently than other fields

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?

Donations by PayPal:

Image may be NSFW.
Clik here to view.
If you find this free contact form program/plugin useful to you, please consider making a small donation to help contribute to further development. My time is very limited and I get dozens of support emails every day. If you are not able to donate, that is OK. Thanks for your kind support! - Mike Challis

Donations by cash or check:
Mike Challis
PO Box 819
Long Beach WA 98631


Viewing all articles
Browse latest Browse all 11

Trending Articles