Change color on hover in template

[enginama]

I am working on updating colors on my site and have done pretty much everything but I can't get the Cart continue hover button to update on the color.

I edited the custom.css in six template (used a copy of template and have whmcs pointing to the copy) with :

.btn-primary:hover {
 color:#fff;
 background-color:#24da72;
 border-color:#204d74
}

but the old color is still showing. I've cleared cache and stuff as well. Also tried to modify the code directly in all.min.css and it still doesn't pick it up.

[brian!]

On 18/07/2020 at 14:56, enginama said:

I edited the custom.css in six template (used a copy of template and have whmcs pointing to the copy)

it should work, but often you might need to add !important to your CSS changes - especially in the orderform.

[enginama]

Sorry I am not following. What do I change?

[brian!]

On 05/08/2020 at 12:26, enginama said:

Sorry I am not following. What do I change?

for me, your code works as is - but I was suggesting that you might need to add !important to some lines...

.btn-primary:hover {
 background-color:#24da72 !important;
 border-color:#204d74 !important;
}

if you're not changing the font colour, then you don't need to add the color line in the custom.css code.

[clownfish]

I have this issue also, and my understanding is that overuse of !important is ill advised, and yet that is what is required. How do I make custom css work without having to use important for almost every change?