Custom login Page
-
If you love your website you will do anything to make sure it looks more welcoming
I have been looking for a custom login for my website, searched everywhere… The only thing i got was the same login style page, with just only a logo changed, you just have to install the plugin and given an option to upload a logo. Then i figured how to make my login page something that i want. I took firebug edited css style.
I pasted all my custom css-style in a notepad and opened wp-admin.css and inserted the code. It take less than 10mins to do this, If you are looking for a custom login page do not look any further, just take you 5 to 10 mins and customise your login.
Take note: when you update you WordPress it will overwrite your edition, so for you not to loose you styles, after editing make a copy of wp-admin.css and save it in the same folder, you can do that by Zipping the file, that creates a zipped-copy. If you want to do this here is a bit of steps to help:
1. before anything just creat a copy of wp-admin.css and rename it, you can rename it wp-admin.css.Tempo, just for incase you mess up everything you can always restore…
Then OPEN public_html/example.com/wp-admin/css
You might loose hope, or your brain might hurt when you look at the code arrangement, trust me its pretty much easier to edit. Anywhere at the end of “}” create a space where you are going to insert your custom css code.
The code looks something like this:1. | dashboard_browser_nag a{color:#fff}#dashboard_browser_nag.browser-insecure a.browse-happy-link,#dashboard_browser_nag.browser-insecure a.update-browser-link{text-shadow:#871b15 0 1px 0}#dashboard_browser_nag a.browse-happy-link,#dashboard_browser_nag a.update-browser-link{text-shadow:#d29a04 0 1px 0}
At the end of each “}” its the beginning of new style code, so by creating space it will be something like:
1. | dashboard_browser_nag a{color:#fff}#dashboard_browser_nag.browser-insecure a.browse- happy-link,#dashboard_browser_nag.browser-insecure a.update-browser-link{text-shadow:#871b15 0 1px 0}
—–>>[[[space here]]] then insert you codes here ( this is just to make you see what you are editing much better)
2. | #dashboard_browser_nag a.browse-happy-link,#dashboard_browser_nag a.update-browser-link{text-shadow:#d29a04 0 1px 0}
Your custom css style will overwrite the main css style, it might look a bit weird at first, just hold on.
2. Open wp-login.php , first make a copy of it just for incase…
Just after
1. “” Insert
1. php get_header()Now your login should look like any of your pages.
Then remove this line:
1. |
<a href="” title=””>
Just after
2. |You can now refresh your login page:If you love your website you will do anything to make sure it looks more welcoming. I hope this helps, I am new to WordPress, just that i love testing things up.
Here is an example: [www.royaltweet.com/wp-login.php]
Regards
Lesego Keikabile
Have a beautifulDay 🙂
- You must be logged in to reply to this topic.