WordPress.org

Support

Support » How-To and Troubleshooting » Changing wp-login background

Changing wp-login background

Viewing 7 replies - 1 through 7 (of 7 total)
  • I would say it’s this:

    <p id="nav"><!-- remove this id -->
    <a href="http://chembro.net/wp-login.php?action=register">Register</a> |
    <a href="http://chembro.net/wp-login.php?action=lostpassword" title="Password Lost and Found">Lost your password?</a>
    </p>
    Chris Olbekson

    @c3mdigital

    Level 12 Bug Squasher & Forum Moderator

    Im not sure if this is supported in earlier versions but you can create a function that over rides the admin login css here is what I am using to define my own css for the login page:

    function custom_loginpage_logo_link($url)
    {
         // Return a url; in this case the homepage url of wordpress
         return get_bloginfo('wpurl');
    }
    function custom_loginpage_logo_title($message)
    {
         // Return title text for the logo to replace 'wordpress'; in this case, the blog name.
         return get_bloginfo('name');
    }
    function custom_loginpage_head()
    {
         /* Add a stylesheet to the login page; add your styling in here, for example to change the logo use something like:
         #login h1 a {
              background:url(images/logo.jpg) no-repeat top;
         }
         */
         $stylesheet_uri = get_bloginfo('template_url')."/css/login.css";
         echo '<link rel="stylesheet" href="'.$stylesheet_uri.'" type="text/css" media="screen" />';
    }
    // Hook in
    add_filter("login_headerurl","custom_loginpage_logo_link");
    add_filter("login_headertitle","custom_loginpage_logo_title");
    add_action("login_head","custom_loginpage_head");

    ummm,,,,…

    guys i’m not that good at css and coding level..

    so can you help me in easy language …

    or you can giv me the steps to correct it

    I would really appreciate it

    Chris Olbekson

    @c3mdigital

    Level 12 Bug Squasher & Forum Moderator

    If you provide a link to the login page I will take a look at it with fire bug and give you the css to fix it.

    chembron the rogue border appearing under your login box is caused by the other image file that the BM custom login plugin uses (called ‘login-bkg-bottom.gif’ – you’ll see it in the folder where you placed your personalised background). I guess the simplest way to remove it from your login page would be to overwrite the existing gif with a blank gif.

    If you can brave some css work then instead of editing the gif edit the following files:
    bm-custom-login.css
    bm-custom-login-2.css
    bm-custom-login-3.css

    From each of the files remove the line:
    background:url( images/login-bkg-bottom.gif ) center bottom no-repeat;

    That will remove your stray gif file.

    How do you get the full page background behind the login box in BM custom login ?
    Tried everything without any luck ,,,

    Customize WordPress Login Page Full all in one

    visit:
    http://www.kougiland.com/?p=901

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing wp-login background’ is closed to new replies.