Skip to content

Instantly share code, notes, and snippets.

@wplit
Created March 1, 2021 03:01
Show Gist options
  • Select an option

  • Save wplit/c550ede8782d2238abf1cfad1ae948cc to your computer and use it in GitHub Desktop.

Select an option

Save wplit/c550ede8782d2238abf1cfad1ae948cc to your computer and use it in GitHub Desktop.
Add numbers to page dots in carousel builder
.oxy-carousel-builder .flickity-page-dots .dot {
counter-increment: carousel-cell;
background: transparent;
left: 0;
margin: 0;
opacity: 1;
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 5px;
}
.oxy-carousel-builder .flickity-page-dots .dot.is-selected {
z-index: 1;
}
.oxy-carousel-builder .flickity-page-dots .dot:before {
content: counter(carousel-cell);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment