In PrimeFaces themes, you will find that both component-specific CSS classes as well as common CSS classes are used across the components. You can find the component-specific CSS classes in the skinning section of each component in the PrimeFaces user guide.
Some of the most important PrimeFaces CSS classes that are used to customize the PrimeFaces theme are given in the following lines. They are grouped into certain CSS groups based on their purpose.
The widgets or components for container-specific CSS classes are as follows:
.ui-widget
: It can be applied to the outer container of all PrimeFaces components or widgets. It adds font-family and font size to widgets..ui-widget-header
: This is applied to the header section of a component..ui-widget-content
: This class can be applied to the content section of a component.
The interaction state CSS classes of a widget or component are as follows:
.ui-corner-all
: This adds rounded corners to HTML elements.ui...