Creating Alternative Button Class in CSS

[donttamethefox]

donttamethefox

September 8, 2022 at 8:29 am

Hello,

My client would like to have two sets of buttons that are alternating colors on hover. So the main button would be color 1 and hover color 2. The second button would be color 2 and hover color 1.

I have tried creating a simple alternative button class in the Additional CSS, but it seems to be overridden by the theme settings. How can I get my CSS to bypass?

Here’s what I have now:

.altButton {
background-color: #A65398 !important;
color: #fff;
border-radius 4px;
}

.altButton:hover {
background-color: #F1717E !important;
color: #fff;
border-radius: 4px;
}

Thanks for any help I may receive!