WordPress.org

Ready to get started?Download WordPress

Forums

[closed] Changing wp-login background (8 posts)

  1. chembron
    Member
    Posted 3 years ago #

    I've completely changed my login page . I'm using BM custom login plugin to change the mid part(login panel) and i've modified the color-fresh.php and changed the background.

    But the prob is just a part of it is left ...like a bold line is still not colored

    This images will help you what i'm trying to say.

    http://i50.tinypic.com/9vdslk.jpg

  2. threestyler
    Member
    Posted 3 years ago #

    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>
  3. 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");
  4. chembron
    Member
    Posted 3 years ago #

    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

  5. 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.

  6. ted_the_bad
    Member
    Posted 3 years ago #

    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.

  7. DocDen
    Member
    Posted 3 years ago #

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

  8. kougiland
    Member
    Posted 2 years ago #

    Customize WordPress Login Page Full all in one

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

Topic Closed

This topic has been closed to new replies.

About this Topic