The aforementioned theme changes are not just specific to the desktop or PrimeFaces core themes. They can be applied to mobile themes as well. You can make changes to themes when you don’t like a specific skinning feature. At the same time, you can follow similar skinning process across all the widgets when you like it.
For example, you will see how the font-family
, font-size
, and line-height
CSS properties of a theme file are changed according to users’ interests or requirements.
The default font-family
attribute used by mobile themes is sans-serif
. Let’s try to change the font-family
attribute to the newly added RobotoRegular
, which is a sans-serif
family developed by Google for the Android operating system. After doing this, increase the font-size
value and decrease the line-height
value a little for a better appearance and readability.
The preceding changes that were made to the CSS class and which were applied to the body
, input
, select
, textarea...