Overwriting mdb-carousel .btn-floating background color

Topic: Overwriting mdb-carousel .btn-floating background color

tommyiu94 free asked 5 years ago

CSS class I want to change

I have tried to overwrite it both on my component's css file and the global style.scss file but to no avail.

Please advise, thanks!

Add comment

Arkadiusz Idzikowski staff answered 5 years ago

Please insert min. 20 characters.

You can use these rules in your global styles.scss:

mdb-carousel .carousel-multi-item .controls-top .btn-floating {
    background: red;
}

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

It's possible to overwrite the color from your component scss file as well, but you would need to set styles encapsulation to none:

@Component({
  encapsulation: ViewEncapsulation.None,
})

tommyiu94 free commented 5 years ago

Thanks for the solution with multiple alternatives. Appreciate it :)

Add comment

Write

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

10Support score
2Questions 0Answers 0Snippets