Topic: Overriding carousel button CSS

jimsgroup pro asked 6 years ago

How can I change the colour of the prev and next buttons in the carousel? Do I need to create a new background image?

Damian Gemza staff answered 6 years ago

Hi jimsgroup, For now, it isn't available to change color of next / prev buttons. But if you really want to change it, you could head into
file, and look for lines:
<span class="carousel-control-prev-icon" aria-hidden="true"></span> and <span class="carousel-control-next-icon" aria-hidden="true"></span>
And change it to
<i class="fa fa-angle-left" aria-hidden="true"></i> and <i class="fa fa-angle-right" aria-hidden="true"></i>
and then style it with some style="color: ..." attributes.
Best Regards,

Please insert min. 20 characters.


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



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No