WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] WordPress 3.3 breaks my custom log in page (13 posts)

  1. baco99
    Member
    Posted 2 years ago #

    Hello, since many weeks I was using this tutorial:

    http://www.problogdesign.com/wordpress/custom-wordpress-login-screen/#comment-33610

    <?php
    function custom_login() {
    echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/custom-login/custom-login.css" />';
    }
    add_action('login_head', 'custom_login');
    ?>
    /* Custom Login Styles */
    
    html {background:#17272d url(../images/pbd-body.jpg) 0 0 repeat-x;}	/* Page background. Can't use the body tag for this! */
    h1 a {	/* Title image (The "WordPress Logo"). Remember to update the height and width your image's dimensions */
    background:url(../images/pbd-title.png) 0 0 no-repeat;
    width:415px;
    height:70px;
    } 
    
    body.login {border-top-color:#dff4fc;}	/* Top bar background color */
    .login p#backtoblog a:link, .login p#backtoblog a:visited {color:#17272d;}	/* Link effects in top bar */
    .login p#backtoblog a:hover, .login p#backtoblog a:active {color:#17272d;text-decoration:underline;}

    Unfortunately now with WordPress 3.3 it doesn't works anymore.
    Can you help me?

  2. Austin Passy
    Member
    Posted 2 years ago #

    Try using a WordPress plugin instead: http://wordpress.org/extend/plugins/custom-login/

  3. baco99
    Member
    Posted 2 years ago #

    Thanks for your reply, but I like to not install too many plugin if it is possible. I'll take it as last option.

  4. womensradio
    Member
    Posted 2 years ago #

    Agreed, this broke our login page image as well (using Login Configurator plugin in WP 3.2.1).

    We attempted to implement the code suggested here with no change.

    Any suggestions?

  5. Austin Passy
    Member
    Posted 2 years ago #

    Change h1 a to .login h1 a and body.login { border-top-color:* isn't used anymore, so make it body.login { background: #color }.

  6. atreidex
    Member
    Posted 2 years ago #

    They changed the CSS a bit so you'll have to upload your own styles, as Austin Passy said above.

    It works, no changes to the core code (login_head or others), just some CSS rewriting will do the job.

  7. womensradio
    Member
    Posted 2 years ago #

    Thx everyone! We tried the recently updated 'Custom Login' plugin and it works great! Bye bye 'Login Configurator'...

  8. baco99
    Member
    Posted 2 years ago #

    Hello, thanks Austin. Now it works, I'm using this now:

    /* Logo */
    
    .login h1 a {	
    
    background:url('../images/logo.png') no-repeat 0 0;
    
    margin-left:-174px;
    
    width:674px;
    
    height:100px
    
    } 
    
    /* Background */
    
    body.login {background:#color url('../images/background.jpg') repeat-x; 
    
        background-repeat: no-repeat;
    	background-attachment: fixed;
    	background-position: center center;
  9. holgee
    Member
    Posted 2 years ago #

    Hello !

    since the update to WP 3.3 my custom login also breaks. I have already tried the solution above, and the "normal" login is fine now - many thanks.

    But the difference is, that i use a thickbox to open the login on the frontend.

    http://www.roaring-cubes.com

    here is what i used in the functions.php

    function add_themescript(){
        if(!is_admin()){
    		wp_deregister_script('jquery');
    		wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '');
        	wp_enqueue_script('jquery');
        	wp_enqueue_script('thickbox',null,array('jquery'));
        	wp_enqueue_style('loginbox.css',''.get_bloginfo('template_directory').'/login/loginbox.css', null, '1.0');
        }
    }
    add_action('init','add_themescript');

    in in the header.php i use the following code for the login:

    <div id="loginbox">
    			<?php
    				global $user_login;
    				if (is_user_logged_in()) {
    				echo '<p class="login-text">';
    				echo 'Willkommen bei den Roaring Cubes, <b><a href="/wp-admin/profile.php" title="Userprofile">', $user_login, '</a></b>. <a href="',wp_logout_url(get_permalink()),'" title="Logout">Logout</a>';
    				echo '</p>';
    				} else {
    				echo '<a href="#TB_inline?height=375&width=475&inlineId=rc-login" class="thickbox" title="The Roaring Cubes Login"><img src="', bloginfo('template_url'),'/images/login_top.png" alt="The Roaring Cubes Login" title="The Roaring Cubes Login" /></a>';
    				}
    			?>
    		</div>
    		<div id="rc-login" style="display:none;">
    			<?php wp_login_form(array(
    			        'echo' => true,
    			        'redirect' => site_url( $_SERVER['REQUEST_URI'] ),
    			        'form_id' => 'rc-loginform',
    			        'rc-label_username' => __( 'Username' ),
    			        'rc-label_password' => __( 'Password' ),
    			        'rc-label_remember' => __( 'Remember Me' ),
    			        'rc-label_log_in' => __( 'Log In' ),
    			        'id_username' => 'rc-user_login',
    			        'id_password' => 'rc-user_pass',
    			        'id_remember' => 'rc-rememberme',
    			        'id_submit' => 'wp-submit',
    			        'remember' => false,
    			        'value_username' => NULL,
    			        'value_remember' => false )); ?>

    the thickbox opens, but no login form is displayed - are there any changes in the wp_login_form function ?

    Many thanks in advance for your help !!!!!

    Holger

  10. Austin Passy
    Member
    Posted 2 years ago #

    Holgee, I think you need to link to the login page in the thickbox anchor.

  11. holgee
    Member
    Posted 2 years ago #

    Hi Austin,

    thanks for your help - but this doesn´t change the effekt. But you pointed me the right way. It is not an error belonging to the thickbox or the content, which is loaded into the thickbox ...

    it is just the css file of the thickbox !!!

    it seems that since the update also the css of the thickbox layout changes ... and after some fixing ...

    everything works fine !!!!!

    thanks a lot !!!!

  12. James
    Member
    Posted 2 years ago #

    hi, have same issue, but different question...holgee, login system at http://www.roaring-cubes.com is great, could you point on some tutorial on how to achieve this, or maybe share your method?

    thank you!

  13. magicmummy
    Member
    Posted 2 years ago #

    Hi,

    I have a custom login that is broken, I have applied the fix for wp3.3 of .login but it still not working.

    <?php
    function my_custom_login_logo() {
        echo '<style type="text/css">
            .login h1 a { background-image:url('.get_bloginfo('stylesheet_directory').'/images/logo.png) !important; }
        </style>';
    }
    
    add_action('login_head', 'my_custom_login_logo');
    */?>

Topic Closed

This topic has been closed to new replies.

About this Topic