La cuestión es que tengo en el html de mi proyecto angular el siguiente codigo de un modal arrastrable y redimensionable, el cual se muestra al hacer click en un boton:
<div>
<button type="button" (click)="modalAcerca.show()"> <img src="../../../../assets/Acerca de mí.png">
<br> Acerca de mí </button>
</div>
<app-modal #modalAcerca class="modal-demo" [maximizable]="true" [backdrop]="false">
<ng-container class="app-modal-header">Acerca De Mí</ng-container>
<ng-container class="app-modal-body">
<h3>MODAL DIALOG</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.</p>
</ng-container>
<ng-container class="app-modal-footer">
</ng-container>
</app-modal>
El problema es que a la hora de querer modificar su apariencia en css(por ejemplo cambiar el color de la barra del header) me es imposible.
Ya intenté utilizando .app-modal-header, y también inspeccionando el modal, donde me figura que el nombre de la clase es class="ui-modal-header" pero el estilo sigue siendo el mismo.
Si alguien me pudiera ayudar a solucionarlo me salvarian. Gracias