Custom dots in slide

[Anderson_Min]

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

[AlexManyeki (AlexM)]

The code you need is;

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

[Anderson_Min]

Thanks, It’s still eclipse, not rectangle.

[AlexManyeki (AlexM)]

I think you may also want to include;

border-radius: 0px;

Please share your published link also.

[Anderson_Min]

@AlexManyeki

border-radius: 0px;

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.

[AlexManyeki (AlexM)]

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

[Anderson_Min]

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

Thanks

[AlexManyeki (AlexM)]

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

[Anderson_Min]

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