Rich Panel Style

[dschenk]

I've been searching the forums trying to find an answer to what is probably an easy question, but have had no success. I'd like to remove the background image, and alter the color for a rich panel header. When I add a style for "rich-panel-header" none of my attributes are used when the have already been defined in "dr-pnl-h".

This is what I have in the page:

<rich:panel>
 <f:facet name="header">
 <h:outputText value="My Panel"/>
 </f:facet>
</rich:panel>

My CSS contains:

.rich-panel-header {
 background-color: #707FA3;
 background-image: url();
 border-color: #707FA3;
 color: #FFFFFF;
 font-family: Arial, Verdana, sans-serif;
 font-size: 11px;
 font-weight: bold;
}

When I look in Firebug I see that my rich-panel-header values from my css file are ignored, and if I remove the dr-pnl-h values I see them take effect.

Anyone have some direction on where I am going wrong?

Thanks in advance.

[ilya_shaikovsky]

just copied your code.

under RF 3.2.0, JSF 1.2 and facelets 1.1.12 - works as you need.