Colors buttons and texts

Colors buttons and texts

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

Close-up
useravatar
Offline
3 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: 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:

Code:

.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

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
23813 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: 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

Close-up
useravatar
Offline
3 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: 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

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
23813 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: 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

Close-up
useravatar
Offline
3 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.
There are 0 guests also viewing this topic
There are 0 users also viewing this topic

Board Info

Board Stats
 
Total Topics:
11498
Total Polls:
0
Total Posts:
48407
Posts today:
7
User Info
 
Total Users:
47470
Newest User:
robver
Members Online:
2
Guests Online:
1174

Online: 
eashery, mel
Social Stream
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program