Topic: Angular Alert background change

surabathula karthik pro asked 4 years ago


How to change alert background to solid rather than transparent. https://mdbootstrap.com/angular/advanced/alerts/ In below URL - Alert button is one that i am trying to use, background is transparent which is issue for me.

Arkadiusz Idzikowski staff answered 4 years ago


Dear surabathula karthik, For now you would need to overwrite those styles:
#toast-container > mdb-toast-component{
opacity: 1.0 !important;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
}
Regards, Arek

surabathula karthik pro commented 4 years ago

Could you please provide instructions on overwriting existing style, i added in scss file but it doesnt seem to be working.

surabathula karthik pro commented 4 years ago

Could you please provide instructions on overwriting existing style, i added in scss file but it doesnt seem to be working.

Arkadiusz Idzikowski staff commented 4 years ago

Did you add those styles to styles.scss?


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: Mobile/PC
  • Browser: Chrome/IE9/IE Edge/Mozila
  • OS: Windows/Linux
  • Provided sample code: No
  • Provided link: No