How to change SFDialog header color ?

[Ben Junior]

Using the example on this link here ,  I would like to see how to change the header color. I tried as below but only the background color worked.

    .e-dialog.e-control.e-popup, .e-dialog.e-control.e-popup .e-dlg-header-content {

        /*background-color: #d9edf7;*/

        background-color: blue;

        color: white;

    }

[Indrajith Srinivasan]

Hi Ben, 

 

Greetings from Syncfusion support, 

 

We have validated your reported query. You can change the header color, by applying the color CSS style for the (.e-dlg-header) SfDialog class. Check the below CSS stye for reference, 

 

 

<style> 

    .e-dialog.e-control.e-popup, .e-dialog.e-control.e-popup .e-dlg-header-content { 

        /*background-color: #d9edf7;*/ 

        background-color: blue;         

    } 

    .e-dialog.e-control.e-popup, .e-dialog.e-control.e-popup .e-dlg-header-content .e-dlg-header { 

        color: white; 

    } 

</style> 

 

 

Please let us know if the solution helps, 

 

Regards, 

Indrajith