• Resolved baco99

    (@baco99)


    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?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Try using a WordPress plugin instead: http://wordpress.org/extend/plugins/custom-login/

    Thread Starter baco99

    (@baco99)

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

    Brian

    (@womensradio)

    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?

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

    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.

    Brian

    (@womensradio)

    Thx everyone! We tried the recently updated ‘Custom Login’ plugin and it works great! Bye bye ‘Login Configurator’…

    Thread Starter baco99

    (@baco99)

    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;

    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

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

    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 !!!!

    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!

    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');
    */?>
Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘WordPress 3.3 breaks my custom log in page’ is closed to new replies.