WordPress.org

1. baco99
   Member
   Posted 5 months 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 5 months ago #

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

3. baco99
   Member
   Posted 5 months 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 5 months 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 5 months 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 5 months 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 5 months ago #

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

8. baco99
   Member
   Posted 5 months 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 5 months 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 5 months ago #

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

11. holgee
    Member
    Posted 5 months 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 4 months 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 4 months 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');
    */?>

Reply

You must log in to post.