Topic-icon Login & logout button changes size & style on rollover

Active Subscriptions:

None
Hi,

I've set up a modal popup (text, horizontal) in Joomla 3.1.5 and it works fine, except that the button image alters dramatically when you rollover the login and logout buttons. How do I keep the button in the same style as it appears in the passive state?

Ideally I'd like to be able to use the buttons in my site template style.

www.cassandrahairmakeup.com/
login appears at bottom of page.
The topic has been locked.
Support Specialist
The issue is that your template is automatically adding a style of "art-button" to all buttons it finds on the page. Then, it's adding special styling for the 'hover' condition of those buttons, which is making it smaller and change you're seeing.

There's not much we can do about this in our module since its your template that's altering the button, adding that class, and then using it's styles 'outside' of the classes we've already assigned to the button. I'm not sure of the best way to fix this other than contacting your template provider and see if they can tell you how to stop adding that class name to the button.

As for inheriting the styles from your template, that's not something we currently support as there are too many templates out there to ensure compatibility with them all. We've tried in the past to do this, but had to lock down our styling a bit more to prevent these types of conflicts from creeping in.

I hope that helps explain, and good luck,
Alex
The topic has been locked.
Active Subscriptions:

None
Thanks for your help. Unfortunately I'm using Artisteer to create templates and I don't hold out much hope of getting an answer in their forums, but I will try anyway.
The topic has been locked.
Support Specialist
Looking a little more, you can add the following to your template's CSS file, which should force the values properly. Obviously, tweak them as necessary:
.btn.btn-primary.art-button:hover {
height: 28px !important;
width: 51px !important;
background: #0044cc !important;
}
I hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 5 months ago #38438 by inêgui
Hello,

I'm using SC Login in my website created in joomla.
I am a beginner and I don't know how I can change background color of login button. I would like to change it.
You can see in attachment how is this button until now.

econet.cloudaccess.net/

I tried to find some code on CSS template file (my template's name is Protostar) but it didn't result.

Thank you.

Best regards,
Inês Guilherme
The topic has been locked.
Support Specialist
If you add CSS like below, you can change the color to whatever you want:
.sourcecoast.sclogin .btn-primary {
background: red;
}
I hope that helps,
Alex
The topic has been locked.