Support » Plugin: WPF-Login » [Plugin: WP FLogin] Size & Position of LogIn Bar

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author faina09


    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!

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

    Plugin Author faina09


    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.

    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 🙂

    Plugin Author faina09


    thank you a lot for your appreciation



    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

    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.


    Plugin Author faina09


    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: WP FLogin] Size & Position of LogIn Bar’ is closed to new replies.