Streaming live at 10am (PST)

Customizing a Slider Nav


#1

Hi,

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?


#2

Hi @ecvrx, I see what you mean now. This functionality isn't yet built into the Webflow Slider widget. :-/ The workaround is only to be used as an absolute last resort and can only get you close to the desired result.

If you have some extra time, please share your thoughts on this here: http://forum.webflow.com/category/feedback/wish-list

Demo: https://preview.webflow.com/preview/demokit?preview=72388b288a26874be319ca1f7412d4eb
Page Title: Custom Slider Navigation

Meanwhile, you may be able to use Tabs to get the desired control over your content, but without the timed animations. More info here: http://help.webflow.com/widgets/tabs

Hope this helps! smile


#3