Change dot color for carousel on mobile

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?

Hi @racheldbailey!

  1. To change the carousel dots you can use the below code.
.slick-dots li button:before{
       background-color: #fff;
}
.slick-dots li.slick-active button:before{
       background-color: #000;
}
  1. 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;
}

1 Like