Hi all,
On the portal we're developing we faced issue with CSS imports. We created a custom theme in which we define all our css classes. We're also using Primefaces library for some portlets. After defining class for particular PF component we stylize it in the theme. And now here come the problem. If this component we stylize has also his own primefaces classes that set different values for any property, it overrides CSS value in our theme. I give example, becouse it might seem vague:
We define button:
<p:commandbutton styleClass="buttonClass" (...) />
And stylize it in our theme:
.buttonClass {
backgroud: color: green;
}
But the result is not as expected (green), becouse primefaces has also got his own libraries (such as aristo) for classes e.g. .ui-widget-content .ui-state-default and so on that overrides our theme. I noticed that also defining that property in portlet CSS is overwritten.
Now we are looking for solution that avoids using !important clause in each our CSS property or defining our primefaces theme. Is there any simple soultion for that problem?
