changing background color on rich:panel header facet

[jbarbeau]

I want to change the header background color. I am using skins. Here's code:

<rich:panel>
<f:facet name="header">Welcome </f:facet>
</rich:panel>

I found dr_pnl_h & rich-panel-header and am able to set the font-size and color if I override the dr_pnl_h class. However, I am not able to change the background color. So I assume this is a different style class? Thanks!

[ilya_shaikovsky]

use overriding rich classes instead of dr.

and this code

 .rich-panel-header{
 background:red;
 }



works for me for example.

[ronanker]

the background is an image, if you just overide "background-color" it will have no effet... overide "background"... or set "background-image" to none.

for this kind of work I recommend using firebug on firefox, it makes it a lot easyer becose it can tell you for any component of the page where it finds its style... and it can do a lot more things...

[jbarbeau]

I totally forgot about background-image - that was it. Thanks!