Support » Plugin: Erident Custom Login and Dashboard » [Plugin: Erident Custom Login and Dashboard] Change logo size?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Libin


    Yes. You can tweak the styles of login page and can increase the size of logo.

    Currently this feature is not included in plugin settings. But you can expect this in future release.

    To change logo size, add below code in your style.css and change the values to yours.

    .login h1 a {
    background-size: 274px 63px !important;
    width: 326px !important;
    height: 67px !important;

    Thanks for the response! I actually tried the CSS styles you mentioned yesterday with no success. (See screenshots below of the CSS and the login page.) I’m adding the CSS style to my main styles.css file. Should I be putting it somewhere else?

    Login Page:

    Is there anything else you can think of that would make the logo height bigger? Thanks!

    I figured it out. I went into the wp-admin.css file and updated directly in there and it worked. Adding it to the styles.css file with !important didn’t do the job because it was obviously in a completely different css file to begin with.

    Hope this helps someone in the future!

    Plugin Author Libin


    Ok. That will work. But editing the core files is not advisable. You will lost these customization upon next WordPress update.

    But hopefully I will release the next version with this options.

    I hear ya on editing the core files, but I couldn’t figure out an alternative. If you do, please let me know as I’d like the fix to be permanent and not temporary until the next WP update.

    Thanks Libin!

    Might I suggest adding the following to your plugin to have the logo stay proportional

    ‘background-size: <?php echo $wp_erident_dashboard_login_width ?> 100%;’

    Your code worked like a dream jduree! Thanks!

    I added this to the er-custom-login.php file and it works perfectly:

    body.login div#login h1 a {
                background-image: url(<?php echo $er_logo ?>);
    	    background-size: <?php echo $wp_erident_dashboard_login_width ?> 90%;
                padding-bottom: 30px;
    	    margin: 0 auto;

    The only thing I changed was the width % to 90 instead of 100.

    Thanks again!

    Hi everyone, I’ve tried with no succes to insert the code above in the er-custom-login.php file… Where do I have to place it exactly? Sorry for this dumb question…

    Hi Kasabian01,
    The above code should go within the section of code in the er-custom-login.php file that starts with <style type="text/css"> and ends with </style>.

    It you put it inside of that section and it still doesn’t work you may want to copy your code from the er-custom-login.php file and post it on this thread for us to look at.


    Hi Libin,

    Though it should (re; !important) updating the style.css isn’t working as suggested. If this could be resolved, that would be fantastic.




    I’ve tried to find the er-custom-login.php file in my version 1.4 installation and I cannot find it. Any suggestions?


Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Plugin: Erident Custom Login and Dashboard] Change logo size?’ is closed to new replies.