1. Home
  2. Knowledge Base
  3. Custom CSS Customizations
  4. Changing the slider dots and arrow colors

Changing the slider dots and arrow colors

If you are looking to change the slider’s dots please use the below code:

.slick-dots li button::before {
border: 2px solid white !important;
}

To change the arrows’ color use this code:

.modula-slider .modula-items .slick-next, .modula-slider .modula-items .slick-prev, .modula-slider .modula-slider-nav .slick-next, .modula-slider .modula-slider-nav .slick-prev {
color: white !important;
}

You can replace the value ‘white’ with the color you want.

Was this article helpful?

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Start Building Great WordPress Galleries Now

Fast, Mobile Optimised, and Pixel-Perfect Galleries... What are you waiting for?