in my application I have a problem to overwrite some css.
The css is loaded in this order:
/javax.faces.resource/theme.css?ln=primefaces-mytheme
/javax.faces.resource/jquery/ui/jquery-ui.css?ln=primefaces&v=2.2.1
So a selector of jquery-ui.css overwrites a selector in my theme. Some selectors are in both files the same and because my theme is the first to load I can't overwrite them.
For example try to overwrite this row in the theme (copied from Themeroller):
Code: Select all
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
Its not a theme if I use another css-file. Is ist posible to change the order of the css in the header?
Thanks