Change dot color for carousel on mobile

racheldbailey · July 11, 2022, 4:22am

Builder content link

What are you trying to accomplish

How do I change the dots under my carousel from black (current) to white? Under “Real People. Real Results.”
I’m struggling to remove the excess space between the carousel images and the dots below. How do I shrink that?

manish-sharma · July 11, 2022, 1:58pm

.slick-dots li button:before{
       background-color: #fff;
}
.slick-dots li.slick-active button:before{
       background-color: #000;
}

To remove space between carousel images and the dots add the below code and change the bottom value to -15px or so

.slick-dots{
    bottom: -25px;
}