css

[christine]

Hi,

OK, we know that Code works, but what about this:

I did discover a third button state in the product nav......

Or is everything OK now?

Kind regards
Christine

[jrjr]

.btn-default is the normal state of the button in question
.btn-default:hover is the hover state of the same button
There is a third and fourth state. with only the first code below it momentarily changes, and then to a pinkish color. Adding the second got rid of the pink.

It's the nav button in products that take you back to categories

https://lakeshoreleather.com/category-iwb

I actually got it sorted out with this, it works for me

Code: Select all

.btn-default:active {
background:#644306;
color:#fff !important; 
}
.btn-default:visited {
background:#644306;
color:#fff !important; 
}

[christine]

Hi,

after clearing cache & checking: Not sure, because:

Code: Select all

.btn-default:hover {
 background:#f7b168;
 color:#f3240f !important
}

does not work.

I think you should change the sequence of Codes to:
visited > hover > active
now it's: hover > active > visited.

Kind regards
Christine

[jrjr]

Ok I changed the order and recompiled. Works better now. Didn't realize that order mattered. Thanks!

[christine]

Hi,

That's fine. Thanks for your feedback!

Kind regards
Christine