Hello,
I am using JDeveloper 11.1.1.6 and Oracle ADF Skin Editor 11.1.2.3. I have browsed the community sites and not found a question / answer about the issue I'm facing.
I have been able to create custom CSS classes in my custom skin and apply them to my WCP project via JDeveloper. My custom CSS class (.HeaderTitle1) is being applied to the ADF component (outputText) via the styleClass property. I can see (in my browser) that my custom class and the built-in ADF class are being applied to the outputText component.
The problem is that the built-in ADF class takes precedence over my class. Based on CSS rules (see this example), this is because the ADF class is defined later in the CSS file (or loaded later if in a separate file). I've looked at the CSS file in the Chrome Developer Tools, and I can see that there is just 1 CSS file and that my custom CSS classes are in the middle of the file with ADF classes before and after them.
Question: Is there any way I can control the order of the declarations in the CSS file? How can I ensure that my custom CSS classes will take precedence?
Thanks!