
In order to brand your website, you need to follow the below tutorial to customize your login page,
1. First slice all the layers from .PSD files and arrange accordingly
2. Next goto wp-admin/css folder and find login.css
3. Open login.css and search for body selector and add the below code to it,
background: #f5f5f5 url(Image Path) top left repeat-x; height:620px;
4. Now we are ready to add the background to the form. Please find the form selector(next to body) and add the below css code to it,
background: url(Image Path) no-repeat;
5. Next Search for h1 a{background:url(../images/logo-login.gif) no-repeat top center; and replace with your company logo
6. Still we are pending with some more customization. Now its time to make the sharp edged input fields to rounded corners. Find #user_pass,#user_login,#user_email and add the below code,
-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px;border-radius:5px; (note: this rounded corner code is applicable only to Mozilla)
7. That’s It! now your wordpress login page is fully customized!!!
If you are hard to get the customization to your login page with above templates, please feel free to contact us with the below E-Mail address.. We are charging $5 for each custom login page….
contact@design3edge.com
Features:
1. 4 fully customized .PSD files
2. .psd files are well organized
3. Easy to modify & Change colors to your own
> 4 PSD files ; fully layered & editable.
> High-resolution 4JPG Preview files




5 Comments on "WordPress Custom Login Theme – Pack1"
This is a great tutorial but still there are things missing.. I know most people can do the slicing,but some can’t …
But still the best one I have seen so far..
Thanks for your information scot… We hope will provide from upcoming post(s)
I have done and work for login page, but after it show up on Quick Press too, or I missing something?.
Yes!!! arief I think you went wrong with the CSS… Might be some selectors are inheriting the styles…
can u please make a ready-2-use package with pics & files, i mean just copy/remplace the files & you’re done of course after doin a back :p
i’ll be thankfull & so everyone will