Can't set background-color of panel header

[paparoacho]

Tried:

<p-panel styleClass="bluePanel" header="Online Confirmations">

with

.bluePanel .ui-panel-titlebar {
background-color: red;
}

What am I doing wrong!?

Many thanks
Tony

[yigitfindikli]

Hi,
Can you try this;

Code: Select all

@Component {
   ...
   encapsulation: ViewEncapsulation.None,
}

Code: Select all

.bluePanel .ui-panel-titlebar {
background-color: red !important;
}