Wrong order to load css with Primefaces theme?

Components, Ajax Framework, Utilities and More.
Post Reply
SaberRider
Posts: 6
Joined: 07 Jul 2011, 10:40

01 Aug 2011, 17:09

Hello,
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; }
I know this line is not part of the Primefaces standard theme. But since it is part of Themeroller it should be posible to overwrite it.
Its not a theme if I use another css-file. Is ist posible to change the order of the css in the header?

Thanks
PrimeFaces 2.2.1 | Majorra 2.0.6 | Spring WebFlow 2.3 | Tomcat 7

Post Reply
  • Information
  • Who is online

    Users browsing this forum: Google [Bot] and 20 guests