Colors buttons and texts

Close-up
Offline

Active Subscriptions:

None

10 years 8 months ago #35245 by Close-up

Colors buttons and texts was created by Close-up

Hi there,

I've been scouting the forum, but haven't yet found my solution. I would very much like to know in which css-file I need the code to change the color of the login button and/or the login text. I would also like to know how I can change the color of the login button of the pop-up screen. My site has a purple/white text and back ground theme, the pruple beeing #520048 and the white beeing #ffffff (of course).

Can you help me point out which css-file to use and what code I need?

Kind regards,

Sandra Wessels

The topic has been locked.

alzander
Offline

Support Specialist

10 years 8 months ago #35294 by alzander

Replied by alzander on topic Colors buttons and texts

Sandra,
The file you'd want to edit to change the background of those buttons is /modules/mod_sclogin/css/sc_bootstrap.css However, you may just want to add the styles directly to your template. Specifically:

.sclogin .btn-primary {
background-color: #000 !important;
color: #fff !important;
}
.sclogin .btn {
background-color: #000 !important;
color: #fff !important;
}

If you add that to your template, it should change both buttons to white text on black button. Something to get you started that you can tweak from there.

Let me know if that helps, and if not, we'll gladly help further.

Thanks,
Alex

The topic has been locked.

Close-up
Offline

Active Subscriptions:

None

10 years 8 months ago #35361 by Close-up

Replied by Close-up on topic Colors buttons and texts

Dear Alex,

Thank you very much, my template css now has this added:

/* Begin Additional CSS Styles */

.sclogin .btn-primary {
background-color: #520048 !important;
color: #ffffff !important;
}
.sclogin .btn {
background-color: #520048 !important;
color: #ffffff !important;
}

/* End Additional CSS Styles */

However, the color only changes when I hover the buttons (the color still is the original blue when untouched). Also I've noticed that the login-button in my template menu (position 1) shrinks when is hovered. Do you have a solution for me? Your help is very much appreciated.

Kind regards,
Sandra Wessels

The topic has been locked.

alzander
Offline

Support Specialist

10 years 8 months ago #35456 by alzander

Replied by alzander on topic Colors buttons and texts

Sandra,
Sorry for the delay. Busy few days around here, but we'll get you going.

Can you let us know where we can see the SCLogin module enabled on your site? Something in your template is obviously overwriting the CSS for our buttons, but without being able to see it all, it's very tough to diagnose.

Thanks,
Alex

The topic has been locked.

Close-up
Offline

Active Subscriptions:

None

10 years 8 months ago #35465 by Close-up

Replied by Close-up on topic Colors buttons and texts

Dear Alex,

I am kind of confused as what you would like to know. The SCLogin can be found in the upper right section of my website. It's located in the same row as my main menu, between the "contact" button and the Facebook-logo. I am not sure as where the module incorporates it self in my css-file(s), or would you like tot see my entire template-css (and is there a possibility that I can send you this without posting it online for everyone to see)?

Kind regards,
Sandra Wessels

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

Colors buttons and texts