Topic-icon Username and Password field color

Active Subscriptions:

None
10 years 8 months ago - 10 years 8 months ago #34829 by Pixelshift
Hello everyone =)

How can i change the color of the username and password field? Currently they are white, i would like to change this to a darker color. Also once the field is darker i would like to make the text "username" and "password" lighter so it will show up.

I would also like to remove the "remember me" text and check box.

Is this possible?

Thanks =)
Last edit: 10 years 8 months ago by Pixelshift.
The topic has been locked.
Active Subscriptions:

None
10 years 8 months ago #34830 by Pixelshift
Ok, i figured out how to change the Username and Password field, and i also found out how to change the color of the "Login" button. I was also able to figure out how to remove the "Remember Me" text and check box using the following code...

/*-- Login Style --*/
.sclogin input[type="text"] {
background-color: #e5e5e7;
}
.sclogin input[type="password"] {
background-color: #e5e5e7;
}
/*-- Login Button --*/
button.btn {
background-image: linear-gradient(rgb(90, 93, 115), #000000 45%, rgb(68, 70, 86));
}
/*-- Remember Me --*/
label {
display: none;
}

So my next question is this, how do i change the color of the "forgot your username" and "forgot your password" box? Not the color of the ?, but the color of the box, and how do i change the color of the rollover?

Thanks =)
The topic has been locked.
Support Specialist
10 years 8 months ago #34834 by alzander
Glad you got the colors of other things going how you wanted them. Just so you know, if you don't want the Remember Me box, the best thing to do is disable the System - Remember Me plugin. That will remove that feature altogether instead of generating the box and then hiding it.

For the forgot buttons, you can add the following to your template's CSS file to get things whatever color you want:
.sclogin .forgot.btn {
background: red;
}
I hope that helps!
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 8 months ago #34852 by Pixelshift
That did the trick, thanks!

How how would i change the rolover color of the "?"s. I have tried ".btn a" with no luck, any ideas?

Thanks =)
The topic has been locked.
Support Specialist
10 years 8 months ago #34862 by alzander
Those '?' are images. To change the color, you'd have to edit the image file and change the color manually with an image editor. The file is /modules/mod_sclogin/css/img/glyphicons-halflings.png

Sorry that's a bit inconvenient. It's something we hope to make easier in the future.

If you have any other questions, comments or feedback though, please let us know.

Finally, if you haven't already, please consider leaving a rating and review for SCLogin, or our support, on the Joomla Extension Directory. It certainly isn't required, but is very appreciated:
extensions.joomla.org/extensions/access-...authentication/24054

Thanks, and good luck,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 8 months ago #34864 by Pixelshift
Ha thanks, no biggie on the "?"s being images. Now that i know, i can make whatever changes i might need in the future.

Great job on the mod, works great and fairly easy to customize, thanks again =)

Review = done =)
The topic has been locked.
Active Subscriptions:

None
10 years 8 months ago #34865 by Pixelshift
Good call on disabling the "System > Remember Me" plugin.

It appears that using the code below not only removes the "Remember Me text and check box" but it also removed the text from my contact form lol

/*-- Remember Me --*/
label {
display: none;
}
The topic has been locked.
Support Specialist
10 years 8 months ago #34867 by alzander
Glad to hear we could help with the Remember Me function. That gets a lot of people :)

Thanks so much for the review, and best of luck,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 8 months ago #35097 by Pixelshift
Yo Alex whats up,

Hey so i was kicking around the idea of finally changing those "?" roll over colors and i remember you mentioning that they were in fact images. Well it appears that i dont have a /modules/mod_sclogin/css/img/glyphicons-halflings.png dir? lol

I have searched through every file and folder for those png's and i cant seem to find them, i know they have to be here somewhere lol.

Any other ideas where they might be?

Thanks =)
The topic has been locked.
Support Specialist
10 years 8 months ago #35104 by alzander
There's a bug with our installer package for the Joomla 3.x release. It's pretty easy to fix. Please see this post for the instructions.

The images will definitely be included in the updated release due out later this month.

Sorry for the troubles, but let us know if you have any questions.

Thanks,
Alex
The topic has been locked.