Easy One, Help!

[tapupartforpres]

Hello,

Been a while. I appreciate anyones help here.

I have 3 boxes on one page and the hover (orange, #f98e2b) is not working properly PER box, it is working when you hover on one box and the orange displays on all 3 boxes. Any ideas, FYI this is Kentico and each box has it’s own class.

Here is the link to CodePen, https://codepen.io/tapupartforpres/post/css

Please let me know, I know it’s easy, but I have been out of this for some time.

Thanks

[Paulie_D]

We’d need an actual minimal demo rather than just the CSS.

It doesn’t mean much without the associated HTML

[Bert]

I think you wil have to move the :HOVER after the BOX-1, BOX-2 and BOX-3

NOT: .comparison-box:hover .box-1
BUT: .comparison-box .box-1:hover

HTH.

[Author]

Posts