Page 2 of 2
Re: css
Posted: 16 Dec 2018, 12:25
by 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
Re: css
Posted: 16 Dec 2018, 14:27
by 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;
}
Re: css
Posted: 16 Dec 2018, 16:10
by 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
Re: css
Posted: 16 Dec 2018, 17:30
by jrjr
Ok I changed the order and recompiled. Works better now. Didn't realize that order mattered. Thanks!
Re: css
Posted: 16 Dec 2018, 23:42
by christine
Hi,
That's fine. Thanks for your feedback!
Kind regards
Christine