Change wp-login text color

  • Resolved Ross

    (@rlindsay)


    14 years, 8 months ago

    Hi!
    Since I upgraded to 3.0, the “Username” and “Password” labels/captions have turned to white text on a white background, which renders them invisible. I have tried putting a text-color: white in login.css in the body section, but it did not help. What do I need to do to change the color of that text?
    Image 1 Image 2

    Thanks!
    Ross
    (RossLindsay.com)

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

  • Looks like the CSS is on wp-login.php in the <head>

    Find

    label {
color:#FFFFFF;
}

    and change to

    label {
color:#000;
}
    Thread Starter Ross

    (@rlindsay)

    Well, I looked in the wp-login.php file, and did not find that.
    I think that the CSS is being called from another file, but I can’t seem to figure out which one.
    This is what is in the <head>:

    <head>
	<title><?php bloginfo('name'); ?> &rsaquo; <?php echo $title; ?></title>
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<?php
	wp_admin_css( 'login', true );
	wp_admin_css( 'colors-fresh', true );

	if ( $is_iphone ) { ?>
	<meta name="viewport" content="width=320; initial-scale=0.9; maximum-scale=1.0; user-scalable=0;" />
	<style type="text/css" media="screen">
	form { margin-left: 0px; }
	#login { margin-top: 20px; }
	</style>
<?php
	} elseif ( isset($interim_login) && $interim_login ) { ?>
	<style type="text/css" media="all">
	.login #login { margin: 20px auto; }
	</style>
<?php
	}

	do_action('login_head'); ?>
</head>

    On my site it uses the CSS from

    /wp-admin/css/login.css

    Maybe try that and change the label property as above.

    I’m having the same problem and its making me nuts. I changed the text color for labels in login.css and the .login colors in colors-fresh but not fixed. Help is greatly appreciated!!!

    text-color is wrong. Use color instead and use an !important modifier on it so that it doesn’t get overwritten… unless there’s some other color rule marked as !important after.
    Or you could use some login screen replacer, like SimpleModal Login.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change wp-login text color’ is closed to new replies.