Streaming live at 10am (PST)

Custom dots in slide


#1

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.
Thanks


#2

The code you need is;

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


#3


Thanks, It's still eclipse, not rectangle.


#4

I think you may also want to include;

border-radius: 0px;

Please share your published link also.


#5

It works!!!! : )
www.ogadget.com (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.


#6

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


#7

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


Thanks


#8

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


#9

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


#10

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