Overriding carousel button CSS

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
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
Write
Create snippet
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: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
jimsgroup
Pro User
37Support score
21Questions 3Answers
0Snippets likes 0Snippets