How to change color of layout unit ?

[Cameron]

<p:layout fullPage="true">

<p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true" style="background-color: red !important;" >
Header
</p:layoutUnit>


I have tried this however it only changes the border color of the unit. Please help!

[tandraschko]

try css with selectors and check the generated DOM via firebug/developer tools.

[kukeltje]

Like I told in Stackoverflow, with even some more hints: https://stackoverflow.com/questions/451 ... ayout-unit