PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Tiny phone and email input fonts

  1. 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.

    Posted 10 years ago on Monday August 6, 2012 | Permalink
  2. 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;
    }
    Posted 10 years ago on Monday August 6, 2012 | Permalink
  3. Minnie
    Member

    Bueno et merci!

    Posted 10 years ago on Monday August 6, 2012 | Permalink

This topic has been resolved and has been closed to new replies.