I would like to customize the slider navigation so it looks like this mockup:
I’m able to get the 3 blocks/buttons at the bottom to look similar to the mockup, but am having trouble with getting the hover and selected state of the buttons working properly. The hover state would be the dark grey background of a button fading to the lighter grey. The selected stat of a button would have the light grey background and the arrow. I would also like to know how I can add the arrow above the button that’s selected.
My issue is when I hover over a button, the text doesn’t appear ontop of the light grey block.
Any ideas how to fix this?