[Solved] Login Button colour

[Solved] Login Button colour

I need a custom colour in login button. How can i change it.  current/roll

sajpm
Ujas
useravatar
Offline
2 Posts
Website 
Active Subscriptions:

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

Re: [Solved] Login Button colour

Melissa wrote:


This should just be a couple of lines of CSS, such as the following two styles which instead of a blue login button will turn it green:

Code:

.sourcecoast .btn-primary:hover, .sourcecoast .btn-primary:focus, .sourcecoast .btn-primary:active, .sourcecoast .btn-primary.active, .sourcecoast .btn-primary.disabled, .sourcecoast .btn-primary[disabled] {
    background-color: #008000;
}
.sourcecoast .btn-primary {
    background-image: linear-gradient(to bottom, #3CB371, #008000);
}

Quick steps to make a theme:
1. Copy /media/sourcecoast/themes/sclogin/default.css to /media/sourcecoast/themes/sclogin/whatever_name_you_like.css
2. In SCLogin module backend > Login View Settings > Theme, select 'whatever_name_you_like' and Save.
3. Refresh on the front-end and the button color should be changed to green.

Should be that simple, so if you have problems, let me know.

-Melissa

This helped from another post

thank you

sajpm
Ujas
useravatar
Offline
2 Posts
Website 
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:
11662
Total Polls:
0
Total Posts:
48978
Posts today:
6
User Info
 
Total Users:
47788
Newest User:
oliverpreissner
Members Online:
0
Guests Online:
888

Online: 
There are no members online
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