Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Overriding carousel button CSS

jimsgroup pro asked 7 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 7 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
/free/carousel/carousel.component.html
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,
Damian


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

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