Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 2nd, 2012  |  syntax: None  |  size: 0.98 KB  |  hits: 121  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Globally changing font size in Primefaces
  2. .ui-widget,.ui-widget .ui-widget {
  3.     font-size: 90% !important;
  4. }
  5.        
  6. <head>
  7.     <style type="text/css">
  8.         .ui-widget,.ui-widget .ui-widget {
  9.             font-size: 90% !important;
  10.         }
  11.     </style>
  12. </head>
  13.        
  14. <h:head>
  15.     <h:outputStylesheet name="css/default.css" />
  16. </h:head>
  17.        
  18. .ui-widget {
  19.     font-size: 90%;
  20.  }
  21. .ui-widget .ui-widget {
  22.     font-size: 100%;
  23.  }
  24.        
  25. .ui-widget, .ui-widget .ui-widget {
  26.     font-size: 90% !important;
  27.  }
  28.        
  29. <h:form>
  30.         <p:button value="Normal"></p:button>
  31.         <p:panel>
  32.             <p:button value="A bit smaller"></p:button>
  33.             <p:panel>
  34.                 <p:button value="Even smaller again"></p:button>
  35.                 <p:panel>
  36.                     <p:button value="Tiny"></p:button>
  37.                 </p:panel>
  38.             </p:panel>
  39.         </p:panel>
  40.     </h:form>
  41.        
  42. .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
  43. .ui-widget .ui-widget { font-size: 1em; }