Topic-icon Login Form

Active Subscriptions:

None
11 years 4 months ago #50878 by tinaug
Login Form was created by tinaug
Hello Support:

I have recently added a horizontal login module on to my home page: goo.gl/4cMHrf

But on the login module 'username', 'password' fields are small 'Height' + 'Width'. Could you please assist with a CSS so I can adjust the same as per my requirement.

Thanks in advance.

File Attachment:
The topic has been locked.
Support Specialist
11 years 4 months ago #50887 by mel
Replied by mel on topic Login Form
I suggest the following changes:

1. Add the following block to your theme file:
#form-sclogin-username .input-small, #form-sclogin-password .input-small{
width:150px;}

2. For the ".sourcecoast .btn" style block in sourcecoast.css around line 214, changing the padding to the following should work:
padding:10px 22px;

3. I'd recommend creating a theme override, so you don't lose this change when you upgrade SCLogin in the future. See www.sourcecoast.com/sclogin/documentation/themes for more details.

-Melissa
The topic has been locked.
Active Subscriptions:

None
11 years 4 months ago #50900 by tinaug
Replied by tinaug on topic Login Form
Made the changes as per you recommendation, All seems good but when the 'Remember me' check box is appearing to the right hand side.

How to fix this ?

Many Thanks

File Attachment:
The topic has been locked.
Support Specialist
11 years 4 months ago #50907 by mel
Replied by mel on topic Login Form
You should be able to add the following to fix that:
#form-sclogin-remember{
clear:both;
}

Since the text boxes and buttons are all floated, the div will attempt to float unless you clear it too.
The topic has been locked.
Active Subscriptions:

None
11 years 4 months ago #50921 by tinaug
Replied by tinaug on topic Login Form
Many Thanks :)
The topic has been locked.
Support Specialist
11 years 4 months ago #50925 by mel
Replied by mel on topic Login Form
Not a problem. Glad that was an easy fix for you.

-Melissa
The topic has been locked.