Angular Alert background change

Topic: Angular Alert background change

surabathula karthik pro asked 6 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.

Add comment

Arkadiusz Idzikowski staff answered 6 years ago

0 0 Best answer

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 6 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 6 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 6 years ago

Did you add those styles to styles.scss?

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: 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

surabathula karthik

Pro User 40Support score
8Questions 0Answers 0Snippets