Formatting of Login Page

  • Resolved Damage1200

    (@damage1200)


    9 years, 10 months ago

    The only thing I appear unable to fix without asking a question first is the formatting of the log in page.

    1) The spacing between the Username and Password boxes seems a bit excessive on a larger screen (it’s fine on phones or smaller windows).

    2) I cannot get the checkbox for the “remember-me” class on the same line as the label FOR THE LIFE OF ME 🙁

    3) I added a custom button that allows for user registration (you know, in case they aren’t registered but somehow ended up on the log in page). I would like to somehow get the end of this button to line up with the end of the username and Password text boxes but am unsure how to do so (if even possible).

    Since I’m sure you may need to take a look at it here’s the link to the log-in page: http://foreshadowreviews.com/user-login/

    Thanks a TON for your help good sir.

    https://wordpress.org/plugins/profile-builder/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Cristian Antohe

    (@sareiodata)

    9 years, 10 months ago

    1 – This CSS should help

    #wppb_modify p, #wppb_register p, #wppb_login p, #wppb_recover_password p{
    margin-bottom:0;
}

    2 – I’m not sure why it’s like that in your case, but it could work to give the label display:inline
    .login-form-submit label {display:inline}

    3 – you should not have modified in the plugin files.
    Simply add the Register button as a link above the shortcode, then style and position it with CSS.

    Thread Starter Damage1200

    (@damage1200)

    9 years, 10 months ago

    1) thanks!
    2) strange right? I’ve tried everything in spacing, linking, putting it in it’s own DIV.
    I’ll try the InLine
    3) I have some experience in HTML and PHP, not much experience in CSS (I blame college) so I didn’t even think of adding it above the short code. Definitely a good idea though, I’ll need to figure out the styling and positioning via CSS

    Thanks for the response I’ll comment back when I test it all out.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Formatting of Login Page’ is closed to new replies.