Change ion-slides pager dot color

Ionic Framework ionic-v3
1

Hi, I have using ion-slides, codes is below:

<ion-slides *ngIf="banners && banners.length"  autoplay="2000" loop="true" speed="500" class="bannerstyle" pager>
  <ion-slide *ngFor="let banner of banners">
     <img src="{{banner.path}}">
  </ion-slide>
</ion-slides>

My question is that how to change the pager dot color? Thanks a lot.

2


This might be able to help you out. Relevant CSS :

.slider-pager-page {
  color: white !important;
}

.slider-pager-page.active {
  color: $golden-color !important;
}
3

.swiper-pagination-bullet-active {
background: #37DFA6;
opacity: 1;
}

3 Likes
4

Really Thanks its work for me