[resolved] [Plugin: WP FLogin] Size & Position of LogIn Bar (8 posts)

  1. buddhatunes
    Posted 4 years ago #

    In your pictures above, I notice that the Login box is right justified and the other is centered and full width. How can I do this?

    Thank you for you quick responses!


  2. faina09
    Plugin Author

    Posted 4 years ago #

    Not sure to have completely understand your question. Try to answer.
    Basically the login form position and size inside an existing theme is defined by the css of #login that you found in \wp-flogin\themes\default\style.php
    The default is:
    #login {
    width: 320px;
    margin: 7em auto;
    Here you have a left and right margin 'auto' that center the login form in the container of the theme, and top and bottom are 7x the current defaul size. Working with these parameters you can position the login form where you want.
    Hope this helps!

  3. buddhatunes
    Posted 4 years ago #

    Hi, sorry that I was not more clear. I was referring to the Login button, not the box.

  4. faina09
    Plugin Author

    Posted 4 years ago #

    Ok , no problem. Fox the Login submit button you have to work with the .btn.small or add #wp-submit in style.css. For example setting
    .btn.small {

    give you a smaller Login button right aligned, while the default values render a larger Login button centered.

  5. buddhatunes
    Posted 4 years ago #

    Bravo! You are awesome, thank you for helping me so quickly get this to look just the way I want. I rarely rate a plugin, but happily gave you 5 stars.

    Good luck with everything :)

  6. faina09
    Plugin Author

    Posted 4 years ago #

    thank you a lot for your appreciation

  7. marvsdl
    Posted 3 years ago #

    Hi Faina09

    This is related to the topic. How do I make the size of my username and password the same size? I've searched everywhere and found no solution. This is my website http://www.maidsearcher.com/.

    As you can see, the username is larger than the password box. I am using the Sidebar Login plugin. The problem happened when I switched from Catch Box to Simple Catch theme.

    Thanks in advance.


  8. faina09
    Plugin Author

    Posted 3 years ago #

    This is because in your css files you have two different styles for the #user_login and #user_pass in the form #loginform.
    You should define the same style for both, overriding all existing settigs like this:

    #loginform .input  {
     border:1px solid #CCCCCC;
     float: right;

    The "float: rigth" assure alignment.

    To troubleshooting problems this is very useful the use of Firebug plugin in chrome or firefox.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WPF-Login
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic