How to change the color of the carousel button?


Topic: How to change the color of the carousel button?

rdety asked 6 months ago

{/* Caroussel */}

        <MDBCarousel showIndicators showControls fade>
          {/* Première Caroussel */}
          <MDBCarouselItem
            className="w-100 d-block"
            itemId={1}>

            <h5>Première Slide</h5>


          </MDBCarouselItem>
          {/* Fin Caroussel 1 */}

          {/* Caroussel du MoodBoard Quotidien */}
          <MDBCarouselItem
            className="w-100 d-block"
            itemId={2}>

            <h5>MoodBoard Quotidien</h5>


          </MDBCarouselItem>
          {/* Fin MoodBoard Quotidien */}

          {/* Troisième Caroussel */}
          <MDBCarouselItem
            className="w-100 d-block"
            itemId={3}>

            <h5>Troisième Slide</h5>


          </MDBCarouselItem>
          {/* Fin */}


        </MDBCarousel>
        {/* Fin Caroussel  */}

Mateusz Lazaru staff answered 6 months ago

Which button? Arrow?

Add extra CSS:

.carousel-control-next {
  color: blue !important;
}

.carousel-control-prev {
  color: blue !important;
}

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 Standard
  • MDB Version: MDB5 7.3.0
  • Device: bn
  • Browser: bn
  • OS: bn
  • Provided sample code: No
  • Provided link: No
Tags