Skip to content

. / Rubber Chickin

® A Modest Larger-Than-Life Tech Blog™, inc.

  • News
  • How To’s
  • Books List
  • About
  • Contact
January 27, 2020January 27, 2020

How to Customize Ionic Slides Pager in CSS

How to Customize those little circles in the Ion-slide components?

This CSS snippet changes the slides pager to white circles.

.swiper-pagination-bullet {
  background: white;
  opacity: 0.2;
}

.swiper-pagination-bullet-active {
  opacity: 0.9;
  background: white;
}

Good luck!

Categories Angular, HowTo, IonicCategories CSS, ion-slide, ionic, ionic slider, ionic slides, pager, v3

Post navigation

← How to Open PDF/File in Ionic on Android
Implement App Tracking Transparency for Ionic Angular and Cordova iOS app →

About

A blog about tech, coding, entertainment, and other random ramblings.

Recent Posts

  • How to convert div containing an image into a png in Ionic/Angular
  • How to fix ion-checkbox stealing clicks on ion-item elements
  • How to hide menu icon when back button visible in Ionic 5/Angular
  • How to style form autofill CSS in Ionic 5/Angular
  • Implement App Tracking Transparency for Ionic Angular and Cordova iOS app
  • How to Customize Ionic Slides Pager in CSS
  • How to Open PDF/File in Ionic on Android
  • How To Create Downloadable CSV File in JS/Angular
  • How Much Access Does Facebook App Have?
  • How To Batch commands in .bat file on Windows
  • Google Android Play Store Target API Requirement Change
  • How To Find Valid Email Address in JavaScript Regex




Rubber Chickin, 2021.