Topic Closed
roland
5 Posts

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.

 

 

 

  

7 years ago#3810

jogai
264 Posts

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

Edited: 7 years ago#3813

Josh S.
2K Posts
263K Downloads
16 Themes
18 Plugins

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?

7 years ago#3822

jogai
264 Posts

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.

7 years ago#3831

roland
5 Posts

Hi,

you can see my test page on:

www.gomyway.bplaced.net

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

Thanks,

Roland

7 years ago#3845

Stano
483 Posts
16.6K Downloads
1 Themes
1 Plugins

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.

7 years ago#3846

syndicatefx
42 Posts
51.9K Downloads
6 Themes

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}
7 years ago#3847

jogai
264 Posts

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

7 years ago#3859

Josh S.
2K Posts
263K Downloads
16 Themes
18 Plugins

@roland,

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

7 years ago#3872

Josh S.
2K Posts
263K Downloads
16 Themes
18 Plugins

Oops, Paulo had already fixed it, thanks!

7 years ago#3873

roland
5 Posts

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

7 years ago#3900

Topic Closed

 

News

Typesetter 5.1
8/12/2017

Typesetter 5.0.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

Over 8 Times Faster Than Wordpress
5/3/2016

We've known for a long time that Typesetter is fast. It's something we take pride ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register