Streaming live at 10am (PST)

Change slider navigation styling

Hi there,

I’m hoping someone can help me. I’m looking to style the standard slider circles to look like attached. The selected circle should have a fill and the non selected have a border and no fill.
I assume it’s custom code. Any help would be appreciated.


Thanks a lot


Hey @Niall_Mc_Dermott

Natively in Webflow it’s not possible to style or edit those dots in a slider.

Try taking a look at some of these other articles on the forum about this same topic :slight_smile:

Slider “Nav-Circles” color change
Custom dots in slide nav
Edit Slider arrows and buttons
Slider Nav Dots Labels
Custom slider nav

Do any of these answer your question?

I tried with those links but hit a brick wall. I was getting circles of different sizes and different line heights. The best I could get is attached:navwrong

Any suggestions would be very much welcome