Login button, Logout button

Hano
Offline

Active Subscriptions:

None

10 years 8 months ago - 10 years 8 months ago #40240 by Hano

Login button, Logout button was created by Hano

Hi,

all I want to do is to change the color of the Login and the Logout button. I just want to change the background color and not the testcolor. I guess I have to modify the sc_bootstrap.css, but I don't know which lines are the right ones.

Thx for help

Hano

Last edit: 10 years 8 months ago by Hano.

The topic has been locked.

alechu
Offline

Active Subscriptions:

None

10 years 8 months ago - 10 years 8 months ago #40241 by alechu

Replied by alechu on topic Login button, Logout button

i'm have this problem too!

on my site.

Last edit: 10 years 8 months ago by alechu.

The topic has been locked.

alzander
Offline

Support Specialist

10 years 8 months ago #40257 by alzander

Replied by alzander on topic Login button, Logout button

Hano,
Can you let me know a page we can see that you're looking to modify the buttons on? We'll gladly investigate the CSS change that would help you change the background color, but we need to see it 'on-site' to make sure the change would work with your template.

The SCLogin module has some very hard-coded styles right now. For the next major release (due in February), we're planning an updated version which will have much easier customizations as well as different layout available to choose from.

Alexandr,
I just responded to your post as well.

Thanks,
Alex

The topic has been locked.

Hano
Offline

Active Subscriptions:

None

10 years 8 months ago #40266 by Hano

Replied by Hano on topic Login button, Logout button

Hello Alex,

unfortunately I have the page only locally at the moment. But I will go live as a trail later on today. I sign up again when the page is online.

Hano

The topic has been locked.

Hano
Offline

Active Subscriptions:

None

10 years 8 months ago #40272 by Hano

Replied by Hano on topic Login button, Logout button

The page is now temporary reachable: www.tauchclub-lindhorst.de/Testbetrieb/

Hano

The topic has been locked.

alzander
Offline

Support Specialist

10 years 8 months ago #40295 by alzander

Replied by alzander on topic Login button, Logout button

Hano,
Thanks for the link. The template on your site isn't conflicting with the SCLogin module. That makes the changes pretty easy. You just need to add the following to your CSS:

.sourcecoast button.btn-primary {
background: red;
color: blue;
}

Obviously, you can change those colors to whatever values you want.

I hope that helps get you going, but if not, just let me know.

Thanks,
Alex

The topic has been locked.

solrob
Offline

Active Subscriptions:

None

10 years 7 months ago #40701 by solrob

Replied by solrob on topic Login button, Logout button

Hello,
This fix seems to help with the colors when you are actually in the login form. I am trying to change the colors of the button before you click on it.

I'm working on a new site: pitchperfectbloomington.com/ In the upper right I have a log in button. The button is blue and I want to change it to another color. I couldn't find where in the css this is stored.

Can you help with this?

Thank you

The topic has been locked.

alzander
Offline

Support Specialist

10 years 7 months ago #40796 by alzander

Replied by alzander on topic Login button, Logout button

Sol,
Sorry for the delayed response. On the site that you linked to, I don't see the SCLogin module anywhere. The Client Area link brings you to the Joomla login area. The button on that page is controlled by your template, not by our module. If you need to change that color, you'd need to modify your template's CSS file, and I wouldn't know where best to do that.

I hope that helps. If you need more assistance, I'd contact your template provider.

Thanks,
Alex

The topic has been locked.

solrob
Offline

Active Subscriptions:

None

10 years 7 months ago #40807 by solrob

Replied by solrob on topic Login button, Logout button

Alex,
I didn't get a reply in a few days and was playing with a new template. I have reactivated the module so you can see what I'm talking about as I would love to use your module. It is in the upper right again. pitchperfectbloomington.com/

Thank you

The topic has been locked.

alzander
Offline

Support Specialist

10 years 7 months ago #40815 by alzander

Replied by alzander on topic Login button, Logout button

Ahh, thanks for the clarification and re-enabling the module. I can see we're doing something different for that button, which is a bit confusing. The styles to target the button you mention are below:
The 'normal' color when not hovered over:

.sourcecoast a.btn-primary {
color: black !important;
background: red !important;
}

The styles when the mouse is over the button:

.sourcecoast a.btn-primary:hover {
background: yellow !important;
text: black !important;
}

I'm not sure if !important is actually needed after each one, but it guarantees those styles will be used.

The next release of the SCLogin module will have broken out CSS files for the different styles and should be much easier to modify. That release is planned for mid/late February.

Best of luck to you,
Alex

The topic has been locked.

SourceCoast Login

Login button, Logout button