
Untitled
By: a guest on
May 2nd, 2012 | syntax:
None | size: 0.98 KB | hits: 121 | expires: Never
Globally changing font size in Primefaces
.ui-widget,.ui-widget .ui-widget {
font-size: 90% !important;
}
<head>
<style type="text/css">
.ui-widget,.ui-widget .ui-widget {
font-size: 90% !important;
}
</style>
</head>
<h:head>
<h:outputStylesheet name="css/default.css" />
</h:head>
.ui-widget {
font-size: 90%;
}
.ui-widget .ui-widget {
font-size: 100%;
}
.ui-widget, .ui-widget .ui-widget {
font-size: 90% !important;
}
<h:form>
<p:button value="Normal"></p:button>
<p:panel>
<p:button value="A bit smaller"></p:button>
<p:panel>
<p:button value="Even smaller again"></p:button>
<p:panel>
<p:button value="Tiny"></p:button>
</p:panel>
</p:panel>
</p:panel>
</h:form>
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }