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.

closed #10

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