Just for esthetical reasons (Version 2.4):

The positon of the  "login"-button is too close to the "password"-field - there is no distance between.

Not in my installations? Are you sure its not an issue from your theme?

It may have something to do with the theme, but ideally, we could design the login area so that it will work with anyone's theme. @roland, could you point me to the theme you're using?

It will always depend on the theme (css). I think the same applies what we said in the discussion on the contact form about semantics etc.

Hi,

you can see my test page on:

www.gomyway.bplaced.net

Maybe the problem is due to my css-file ...

Thanks,

Roland

Hello Roland,

simply add this style definition to your style.css file:

span.sitemap_link { margin: 0px 2em}

Also there are currently some structural errors in your html template, so a few tips:

you can check your page using HTML Validator - either the online one or more easier is using some validator plugin.

If you are using Firefox, you can inspect your page by pressing Ctrl+Shift+I shortcut. (Thanks Josh for this very useful tip! :))

Or another similar plugin is Hack The Web for Firefox. Maybe also sometimes helpful.

Hi Roland,

It's definitely your theme style, although the login form does need to be updated to a more semantic markup like Jogai points out. The login form labels and inputs are wrapped inside a <p> tag and from what i see in your theme you declared at the beginning of your style.css

*{margin:0px;padding:0px;border:0px;}

This applies to all elements, but you have to set some basic typography styles after this so your paragraphs, headings and lists, etc, have space to breathe. In this case the paragraphs <p> have no margins, and since you reset the defaults to 0 for all elements the <p> tags that wrap the form elements are stacking up to close to each other.

Try adding this to your theme:

p{margin-bottom:20px}

A small tip for general styling: normalize.css

Normalize.css is a customizable CSS file that makes browsers render all elements more consistently across browsers.

It may be too much work for Roland, but maybe someone can use this instead of just resetting everything to zero

@roland,

I've added css to gpEasy that will fix conflicts like the one you're experiencing. Thanks for reporting it!

Oops, Paulo had already fixed it, thanks!

Thank you very much! This exactly was the solution for my CSS-problem:

I added the following code to my CSS-template, and the Login-form then was fine:

p {margin-bottom: 10px;}

Regards,

Roland