How to apply custom CSS class to Header/Body/Footer area for alert modal pop up?

[Meet91]

• Please tell us about your environment: angular-cli: 1.0.0-beta.22-1 node: 7.1.0 os: win32 x64

• Browser: [Chrome | IE(edge)]

I am using below code to trigger the alert modal pop up,but the only issue is i want to apply the background color to .headerClass and .footerClass class.

Can someone please point me in right direction?

this.modal.alert() .size('sm') .isBlocking(true) .showClose(true) .keyboard(27) .headerClass('modal-header') .body( <p>Invalid Entry.</p> <div> Values must be between 0 and positive number. </div> <div> Entry changed to 0. </div>) .footerClass('modal-footer') .okBtnClass('btn btn-default') .open();

Any help in these regards would be really appreciated!!!

[messerbill]

need to know the same stuff

[tidalgo22]

@messerbill @Meet91 You can actually apply custom css directly to your main stylesheets. In my case main.css