Change the pager color of ionic-slide


#1

i m using ionic 3, and i want to change the color of my pager dots
I have tried this :

.slider-pager 
{
 color: #000;
}
.slider-pager-page.active
{
color: #f90;
}

but no success


#2

Hi,
ionic default HTML components have class depending on OS. So e.g. “.pager-ios” for iOS or “.pager-md” for Android.

You can inspect your app in google chrome dev tools. Then you can see for which class you have to change the color.


#3

This works for me. In yourPage.scss file try this:

 .swiper-pagination-bullet-active //it will change the color of active slider dot
 {
 	background-color: black;  //write your desired color here 
 }