Carousel controls color change


Topic: Carousel controls color change

Rogelio Sanchez asked 6 years ago

Expected behavior I want to change the background color of the carousel card controls, but nothing seems to work. Actual behavior it keeps primary color Resources (screenshots, code snippets etc.)
I'm trying

.btn-floating i { background-color: red !important; }

also tried

.carousel-multi-item .controls-top .btn-floating { background-color: red !important; }

Can you help me to properly change the color?

Controls card carousel


Magdalena Dembna staff premium answered 6 years ago

Hi, In your mdb-carousel component, please add the following properties: nav-class and indicator-class:

<mdb-carousel :interval="8000" showControls showIndicators multi slide nav-class="red" indicatorClass="red">

Kind regards, Magdalena


@Magdalena Dembna , hi

Can you help me out. I'm trying to achieve the same (Carousel controls color change) but in Angular


Magdalena Dembna staff premium commented 5 years ago

@Phillip Jacobs you need to address this question to our Angular team - create a new topic in Angular section.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 5.1.1
  • Device: Mac
  • Browser: Google Chrome
  • OS: macOs High Sierra
  • Provided sample code: No
  • Provided link: No