How do I override default PrimeFaces CSS with custom styles?

Question

I\'ve created my own theme as a separate Maven project, and it is loaded correctly.

Now I want to change the size of an component. For example, a

Answer 1

you can create a new css file for example cssOverrides.css

and place all the overrides you want inside it, that way upgrading the primefaces version wont affect you ,

and in your h:head add something like that

if it wont work try adding it to the h:body

in order to check if its working try this simple example inside the css file

.ui-widget {
   font-size: 90% !important;
}

this will reduce the size of all primefaces components /text