Changing width of logo, bringing it down, and changing hover link colour

Hey Sam,

Sorry for the late reply.

You can always tweak the css by editing the plugin file itself. But note, the changes you make will disappear on next plugin update. So make sure to take a backup.

To change the logo size:

Open WordPress Dashboard, Goto Plugin-> Editor and select “Erident Custom Login and Dashboard”
Search body.login div#login h1 a
Add width and height inside that div as shown below.

body.login div#login h1 a {
background-image: url(<?php echo $er_logo ?>);
padding-bottom: 30px;
margin: 0 auto;
width: 400px; // Change the value to yours
height: 150px; // Change the value to yours
}

To change the hover color, add the below code:

body.login #nav a:hover, body.login #backtoblog a:hover {
color: #fff !important; //Change the color code to yours
}

In the next version I will add both these options.

Its really easy. Did you able to find the above piece of code I posted?

body.login div#login h1 a {
background-image: url(<?php echo $er_logo ?>);
padding-bottom: 30px; // Change the value to 0
margin: 0 auto;
width: 400px;
height: 150px; // Change the value to 0
}

Change the height and padding-bottom attribute to zero.
Thats it.

Can you post your login page url?

Okay. You need to remove the padding applied to the #login.

The following code will remove the padding.

body.login #login {
padding: 0 !important;
}

But you need to activate my plugin and add the above code. Open WordPress Dashboard, Goto Plugin-> Editor and select “Erident Custom Login and Dashboard”
Search <style> tag and add the above code inside it. This will work.

If my plugin seems helpful to you, please give a 5 star rating. http://wordpress.org/support/view/plugin-reviews/erident-custom-login-and-dashboard

Thank You.

Hey Kingstakh,

To change the wordpress logo width or height, you need to add/change two values.
Open WordPress Dashboard, Goto Plugin-> Editor and select “Erident Custom Login and Dashboard”
Search body.login div#login h1 a

body.login div#login h1 a {
background-image: url(<?php echo $er_logo ?>);
padding-bottom: 30px;
margin: 0 auto;
width: 400px;
height: 150px; // Change the value to your logo height
background-size: 274px 63px; // Add this line and Change 63px to your logo height
}

And Update the file. Hope this will help.

PERFECT !!! Make sure to backup your changes because in the next plugin update this will be overwrite. So backup, then update and restore the changed portion only to get the full plugin features.