Topic-icon SCLogin layout problems

Active Subscriptions:

None
10 years 5 months ago - 10 years 5 months ago #42389 by joomleb
Hi Alzander,
last joomla 3.2.3 + last SCLogin 4.0.2 with Default Theme (I have not tested with Sourcecoast theme):

1 - The "remember me" alignment: text is not aligned well with the checkbox (you can compare it with the default joomla login module)
2 - The "remember me" position: have to be after the "password" field and before the "login" button. In special in the Horizontal layout cannot be in another line! Is not horizontal anymore! Am I missing anything ?

File Attachment:


3 - Always in the Horizontal layout, when I'm logged, the layout is not Horizontal anymore! I think that in a Horizontal layout all (words and icons) have to be on the same line (one line, not four!)

File Attachment:


4 - The "forgot password" (and "forgot username") icons should be "into" the "password" (and "username") field. In this way if I enable only on of them, all the fields are still well aligned!

File Attachment:


Many Thanks for Support!
Last edit: 10 years 5 months ago by joomleb.
The topic has been locked.
Support Specialist
10 years 5 months ago #42422 by alzander
Replied by alzander on topic SCLogin layout problems
Sorry for the issues you've encountered with the SCLogin design. Most of the issues we should be able to help you fix pretty easily. I just looked at your site. Unfortunately, I can't give you answers to all of your questions because the module is in the sidebar now. If you'd prefer it in the horizontal layout, please enable that on some page of your site so we can test and provide the right CSS for your template.

Remember Me checkbox - Add the following to a CSS file on your site (either in the SCLogin theme or your template) and it will fix the alignment:
#sclogin-remember {
margin-top: -2px;
}

#2/#3 I can't help with since it's in a vertical alignment right now.

4 - The "forgot password" (and "forgot username") icons should be "into" the "password" (and "username") field. In this way if I enable only on of them, all the fields are still well aligned!

The standard way Joomla adds those icons is 'outside' of the buttons. However, the following style should move it over like you're looking for:
#form-sclogin-password {
width:87%;
}
That will make the whole password width the same width as the username/email input which is also set to 87% of the available width.

I hope that helps, but should you need anything else, just let us know!

Thanks,
Alex
The topic has been locked.