Skip to content

. / Rubber Chickin

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

  • News
  • Podcast
  • How To’s
  • Books List
  • About
  • Contact

ionic slides

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

About

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

Recent Posts

  • Interview Date
  • Nomad AI – on-device ai assistant that works offline
  • Announcing the Best Free Online Guitar Tuner: Tune Your Guitar Quickly & Easily!
  • Think Different: Steve Jobs’ Quest for Perfection
  • Talking with Machines: The Rise of Large Language Models
  • Layers of Connection: Demystifying the OSI Model
  • Cyber Wars: Inside the Battle for Digital Security
  • Behind the Kernel: Exploring the World of Operating Systems
  • AGI Awakens: Will Machines Outsmart Humanity?
  • ANN-atomy: Inside the Mind of Neural Networks
  • Getting Intimate with Stacks: LIFO and Chill
  • Achieving the Big O: Maximizing Performance in Code (and Beyond)




Rubber Chickin, 2021.