WordPress.org

Ready to get started?Download WordPress

Forums

Custom Login
[resolved] Login Button Border & Back to My URL Text Color (9 posts)

  1. banky
    Member
    Posted 2 years ago #

    Hi, first of all this plugin is great! Just what I needed. I have edited a few things thanx to this forum but I'm stuck on how to change the border colour of the "login" button as it is blue, and I want to change the colour of the <-- Back to my URL .

    Your help would be much appreciated!

    Thanx

    Alex

    http://wordpress.org/extend/plugins/custom-login/

  2. Austin Passy
    Member
    Plugin Author

    Posted 2 years ago #

    Target the button with .login .button-primary & the back to my URL with .login #backtoblog a.

  3. banky
    Member
    Posted 2 years ago #

    Cheers for the reply! I have tried targeting the back to my URL with,

    .login #backtoblog a. {color:#ffffff;}

    and it does not change anything. As for the button, I am not entirely sure what I should be putting to get rid of it?

    Thanx

    Alex

  4. banky
    Member
    Posted 2 years ago #

    Fixed it! Cheers.

  5. basebalman
    Member
    Posted 2 years ago #

    I'm also trying to change the text color (and remove shadow) on the back to blog, lost your password and login links. I added

    .login #backtoblog a. {color:#ffffff;}

    to functions.php but nothing changed. What else do I need to do?

    I'd also like to change where the login link url. Is that possible? Thanks!!

  6. banky
    Member
    Posted 2 years ago #

    right well for starters why are you editing functions.php?

    Go into the plugin and use the "Custom CSS" section.

    For what I have needed this is what I have got in mine, the first bit will center a background image instead of it being tiled. The second will get rid of the shadow. The third & fourth changes to font color of 'Register' etc with a hover over color. The 5th will remove the blue border around the button which is good if you are wanting to edit it. And the 6th part will change the color of the <-- back to your URL, I have made my text a little bigger so remove that bit if you dont want to.

    html { background-postion: center top !important }
    
    .login #nav, .login #backtoblog {
        text-shadow: none;}
    
    .login #nav a {color:#ffffff!important;}
    
    .login #nav a:hover {color:#FF6600!important;}
    
    .login .button-primary {border:0px;
         text-decoration:none;
         }
    
    .login #backtoblog a {color:#ffffff!important;
         font-size:1.5em;}
  7. basebalman
    Member
    Posted 2 years ago #

    I realized I quickly to put it in Custom CSS. Thanks so much for this; very helpful.

  8. Austin Passy
    Member
    Plugin Author

    Posted 2 years ago #

    Thanks for helping out banky.

  9. basebalman
    Member
    Posted 2 years ago #

    Do either of you know how I can edit the links? I have a separate login page I'd like to redirect to (not /wp-login.php).

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic