Streaming live at 10am (PST)

Custom dots in slide


I want to change the dots to ,
The code .w-slider-dots only works slider dots,
.w-slider-dots {
background: #fff;
width: 45px;
height: 3px;

I want dots be rectangle and customize width and height.


The code you need is;

.w-slider-nav.w-round>div {
height: 3px;
width: 45px;


Thanks, It's still eclipse, not rectangle.


I think you may also want to include;

border-radius: 0px;

Please share your published link also.


It works!!!! : ) (published url),
I want to change the active color and position, Can you help me. Thank you very very much.

The code .active i add doesn't work.


I see you already figured it out. w-active instead of active is the right class to use


Thanks. Can i set the space between rectangles? I want set the distance wider.
How can i do this?



It is available natively in Webflow. Select your slider nav elements and change the spacing from the settings tab.


Great. Thank you very much for your time and patience.


This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.