• Resolved baco99

    (@baco99)


    Hello, since many weeks I was using this tutorial:

    https://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: https://www.ads-software.com/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.

    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.

    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.

    https://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', ("https://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 https://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.