Change ion-slides pager dot color


#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;
}