In this section, we will customize the theme on the basis of what we do like about a specific theme’s CSS feature in the showcase and make everything look that way by adding the same change.
In the previous chapters, while customizing themes, we added the regular Segoe UI
font family for some component categories such as input
, select
, textArea
, button
, and so on. After this change, the font style looks more prominent, stylish, and readable. So, we would like to apply the same change to all the widgets of PrimeFaces.
The Segoe UI
font family of the aforementioned component groups in the theme.css
files, as follows:
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: ‘Segoe UI’,Arial,sans-serif; }
Let’s add the same font-family
attribute to the common CSS class named .ui-widget
. Currently, the widget class supports the Arial, sans-serif
font family by default, as follows:
.ui-widget...