Minnie
Member
There seems to be a quirk in a form for Phone and Email fields, where the font used in the input boxes is a few points smaller than everything else on the page, rendering them hard to read.
The same CSS class is being used in the style box as the rest of it, but I'm assuming that is for the label information and not the input styling.
So, here's the form: https://www.usbirthcertificate.net/fax/
Ideas?
Thanks.
Looks like in your stylesheet you have:
[css]
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"] {
font-size: 14px;
}This is only targeting inputs with type of text.
You can opt to include all of them like this instead:
[css]
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"] , body .gform_wrapper .gform_body .gform_fields .gfield input[type="url"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="number"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="password"]{
font-size: 14px;
}