wp-login form font size inconsistent

  • Hi
    Theres a persistent problem (probably css related) with the font-size used in the
    standard wp-login.php form. Im NOT using any mods or plugins to customise the page. Inspecting the css i can see that the font-size is set to 28px; looking at the inputs themselves there is an inline value set of “20” on each input username & password fields. When i logout of admin the font size goes very small (inspecting the css the value is still the same 28px, but this does not reflect the really small font size). The only way i can get the font-size to go back to actual 28px is place my cursor in the address bar, at the end of the logout url and back-space the entire query-string i.e.
    ?loggedout=true – clicking inside either input field will then revert the font-size back to 28px

    See this screenshot, showing normal font-size:
    normal 28px font-size

    and this screenshot showing the abnormal smaller font-size:
    smaller font – size ???

    Any ideas what this minor niggle is?? Its not a real concern for 95% of my users but some cannot cope with samll fonts, especially when viewed on a smaller screens.

    Thanks in advance

    Spect :
    Latest Chrome Browser version Version 76.0.3809.132 (Official Build) (64-bit)
    Windows 10 Pro
    Latest WP: 5.2.3 (problem also occurs in 5.2.2 and below)
    Reproduced on 17″ and 12.9″ Monitors

Viewing 6 replies - 1 through 6 (of 6 total)

  • Yeah, I’ve seen that here from time to time on my Chromebook. Didn’t really bother me and when I hit enter it seems to correct itself. I just really didn’t pay any attention to it and it didn’t seem to be consistent either.

    But you’re right… I think it started with 5.2.2 (maybe earlier) and it only affects the login modal. Right?

    So I’ll try to look at my 4.9.9 install and see if I can diff that out this weekend if there is a diff in the earlier CSS or else one of the other volunteers here might know something to fix this already.

    I’ll ask around also.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I see the same thing with Chrome. Here’s the deal. When you first bring up the login form, Chrome fills in the text of your login and password, but does not apply the CSS for the input boxes. Why? Maybe a bug, maybe some obscure thing. Anyhow, When you logout, the boxes get loaded and this time Chrome respects the CSS. I think this started with Chrome v 76, but I can’t be sure.

    It’s not a WordPress issue.

    Thread Starter girl_number_5

    (@trutherone)

    Hey JNashHawkins / Steve Stern,

    I think you’re correct – Tested this issue in Firefox (latest) and MS Edge (latest) and no problem. As a regular PHP dev i know Chromes’ autocomplete feature is fairly aggressive; even preventing input from time to time – its definitely a Chrome ‘thing’. Maybe WordPress could begin some sort of dialogue with Chrome/Google since the WP name/reputation is fairly hefty in the web-world. Google are certainly not listening to ‘ordinary-joe’ developer!!

    • This reply was modified 5 years, 6 months ago by girl_number_5.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Is this what you’re seeing?

    https://www.loom.com/share/c1eaf9b7cff6459c809431f0bcba4dfb

    Thread Starter girl_number_5

    (@trutherone)

    Yes thats it …

    I noticed the same thing as reported by OP and also in the Loom video posted above..

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘wp-login form font size inconsistent’ is closed to new replies.