WordPress.org

Forums

Erident Custom Login and Dashboard
[resolved] Reduce Login form fontsize (6 posts)

  1. mojoke
    Member
    Posted 2 years ago #

    Hi, great plugin, but can you tell me how to change the font size in the login form please? I want to shrink it to make the login form smaller...

    Many thanks,

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

  2. Libin
    Member
    Plugin Author

    Posted 2 years ago #

    Which element's font-size you wants to reduce? Because labels, links and textbox's font-size are different.

    Also to make the login form smaller, you can try reducing the login form width.

  3. mojoke
    Member
    Posted 2 years ago #

    Hi, thank you for responding so quickly! It is the main form where users enter text for username and password and click the login button. I have reduced the login form width as much as I can using the control in the plugin, but would like to reduce the text entry box text sizes and, if possible, the padding above and below... The site is http://www.sheherazadediaries.co.uk if you have time to take a quick look... It's using a plugin called Private Only, so click on any of the menu items except for "Welcome" and you'll see the login page.
    Many thanks

  4. Libin
    Member
    Plugin Author

    Posted 2 years ago #

    Right now there is no option in plugin to do this. But you can change it in core file of WordPress. Keep in mind that the edit you made to core files will loose on next WordPress upgrade.

    But I will definitely include this feature in next plugin version. For the time being do this:

    Open this file through cPanel or FTP: wp-admin/css/wp-admin.css

    Find this line: .login form .input, .login input[type="text"]

    Edit the font-size to 14px or what value you need. Save it. Done.

  5. mojoke
    Member
    Posted 2 years ago #

    lovely, getting there now thank you... one last thing, how to reduce the padding above the words "Username" and "password"?

    Very many thanks!!

  6. Libin
    Member
    Plugin Author

    Posted 2 years ago #

    Like my previous answer, you need to edit two more values.

    1) In .login form .input, .login input[type="text"] reduce the margin-bottom value.
    Eg: margin-bottom: 5px;

    2) Locate .login form and reduce the first value of padding
    Eg: padding: 10px 24px 46px;

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Erident Custom Login and Dashboard
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.