Wlada / vue-carousel-3d

Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js
MIT License
972 stars 202 forks source link

Cannot change color of controllers arrow #158

Open AWodrich opened 4 years ago

AWodrich commented 4 years ago

I would like to change the color of the navigation / controllors arrows. Is there a simple way to do that? Thank you!!

rtuttlecoder commented 3 years ago

I am looking for the same information; hopefully, someone can reply to this soon.

dochner commented 3 years ago

I don't know if it's correct, but I'm using it this way ...

<style lang="scss" scoped>

....
::v-deep .prev {
  top: -64% !important;
  right: 0% !important;
  background: var(--v-secondary-base);
  height: 10vh !important;
  color: #000 !important;
  left: auto !important;
}
::v-deep .next {
  background: var(--v-secondary-base);
  height: 10vh !important;
  color: #000 !important;
}
CosmicDarine commented 2 years ago

This one worked for me ! ☺

<style>

...

.carousel-3d-controls, .prev, .next {
  color: white !important;
}
</style>