WordPress.org

Ready to get started?Download WordPress

Forums

Erident Custom Login and Dashboard
[resolved] Change logo size? (12 posts)

  1. integritydesigns
    Member
    Posted 1 year ago #

    Is it possible to change the size of the logo? Mainly the height of it? Thanks!

    http://wordpress.org/extend/plugins/erident-custom-login-and-dashboard/

  2. Libin
    Member
    Plugin Author

    Posted 1 year ago #

    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;
    }
  3. integritydesigns
    Member
    Posted 1 year ago #

    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?

    CSS: https://skitch.com/iamtravjohnson/eqbw1/edit-themes-wordpress
    Login Page: https://skitch.com/iamtravjohnson/eqbwa/log-in

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

  4. integritydesigns
    Member
    Posted 1 year ago #

    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!

  5. Libin
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  6. integritydesigns
    Member
    Posted 1 year ago #

    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!

  7. jduree
    Member
    Posted 1 year ago #

    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%;'

  8. integritydesigns
    Member
    Posted 1 year ago #

    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!

  9. Kasabian01
    Member
    Posted 1 year ago #

    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...
    Mark

  10. integritydesigns
    Member
    Posted 1 year ago #

    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.

    HTH!

  11. mattrock1
    Member
    Posted 1 year ago #

    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.

    Cheers!
    matt

  12. Wawoogee
    Member
    Posted 1 year ago #

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

    SORRY - FOUND IT. I HAD TO DOWNLOAD THE INSTALLATION TO MY LOCAL DRIVE TO SEE IT.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags