Welcome to FourBlogger.com. In this video, I'm going to show how to customize your Wordpress login page as per your wish. For that, first you see Wordpress Admin so the login page. See, it’s a default, Wordpress logo, all the things are in, default, Wordpress things. Before changing, first, what you got to do, go to your FTP. Here, I'm going to change all the things in. The FTP, here I'm not going to use any plugin. FTP parties, I'm seeing here. Now, I'm going to change login page background. For that, open color-fresh.css, and one window is opened. In this window, you’re going to find that called HTML {background-color:#f9f9f9;}*. Here, I'm changing color as per my wish, only color code. After changing, save display. Now you again refresh your login page. See here color changed. Next, if you want, add a background image, open again the color-fresh.css file. Into that, you go to copy this code and paste there. If you want this code, visit www.fourblogger.com. See here, enter that code I'm giving, the image part URL and code also. After giving that, just close this file. Now, I can refresh. See here, background image came. What you only want, you can choose it. If you want color, you can use color that you want and you wish. You can use Image section.
Now, I'm going to change Header section of this page. This means this is the thing. For that, find the particular code in that color-fresh.css, open the CSS file in order to find that code. If you want a code, you must reset our fourblogger.com. See here, I got that code body.login {border-top-color}. In this area only, you’re going to change their color. So, after changing the color code, just close this file and refresh your site. Refresh your site now. See here, the header background color is changing. This is my site color. Now, I'm going to change this back to fourblogger color. There it is. Find this coding, that color-fresh.css file. After finding that code, you can change that color code. Open this, same procedure. Now, I'm finding that code. See here I'm finding that code. Here, I'm going to change as per my wish of color, this time giving white color. See, I'm refreshing my site now. See here, that color also is changed.
Next, I'm going to change this login form. First, I'm going to do watercolor and back ground color. For that, you have to go, next one is login.css, the same FTP font. Here, you have to find this following code. If you want this code, just visit www.fourblogger.com. Here, I am finding that code. I got that code. In this code, I'm changing background color and border color also. It’s a very easy process. This time, I'm changing the color and watercolor only. See here, I'm changing. Just refresh your site. See here, border and back ground color changed. As per my wish, I'm giving that color. Next time, we’re going to change the letter, username, password. For that, find the following code. Again, go to login.css, find that code, I got that code. Here, I'm just giving a color. And this is the only default color available. I'm changing that color. If you want font size, you can change font size also. This is only CSS code. The color was changed. Now, what I'm going to do is change that color. You type in that so far to find the following code in, login.css, I got that code. Here, I'm giving just a background color and border color, the same procedure. See, refresh my site. See, border color also came, background color, I did white so it came white. Next one is I'm changing that—like that so go to this thing and color that fresh.css so it’s changed.
Now, I'm going to change logo. This is the easiest of it. Just find that URL and—after doing this, refresh your site, the logo came. For more details, visit www.fourblogger.com.
Transcription by:
Scribe4you Transcription Services