Custom slider dots

travel_with_me · October 13, 2020, 10:06am

hey,

im trying to make my slider dots like this:

i have add this thee css styling:

.w-slider-dot {
width: 5px;
height: 5px;
border-radius: 0px;
background: #898989;
}

.w-slider-dot.w-active {
width: 20px;
height: 20px;
position: relative;
border-radius: 0px;
transform: rotate (45deg);
background: #FD746C;
}

but I still get the round dots:

any help please, to fix this!!

thanks in advance

iDATUS · October 13, 2020, 12:56pm

travel_with_me · October 13, 2020, 2:02pm

Thanks,
I have tried that but for some reason, I still get the round points in stade of the cube even setting the border-radius to 0px

iDATUS · October 13, 2020, 4:10pm

he mentions .w-slider.nav.w-round
and you do not.
He says that it the bit that changes the shape.
I haven’t tried it myself just pointing out.