Carousel Dots CSS

Clyde H Ball III

• December 10, 2024 17:21

Could you please tell me the CSS needed to make the inactive dots on a carousel to be a solid color vs outline?

0

• 

  Ariel H.

  • December 11, 2024 08:56

  Hi Clyde,

  Please try this:

  .brz .brz-slick-slider__dots--circle button {
      width: 10px;
      height: 10px;
      border-radius: 10px;
      background-color: red !important;
      border: none;
  }

  
  You can change 'red' to your preferred color code.

  Best regards,
  Ariel H.

  0
• 

  Clyde H Ball III

  • December 11, 2024 13:54

  Perfect, thanks so much! 

  0
• 

  Clyde H Ball III

  • December 11, 2024 20:52

  Sorry could you let me know the same thing for the dots on a background image slider?

  0
• 

  Ariel H.

  • December 12, 2024 08:17

  Hi Clyde,  

  Thank you for the update. The same CSS should work for the image slider.  

  

  If it doesn’t work on your end, kindly share the URL so we can inspect it further.  

  Best regards,  
  Ariel H.  

  0

Please sign in to leave a comment.