title: Globally changing default style in Primefaces
body: <p>How should I change and apply changes to the default style of primefaces globally and only once?</p>
  
  <pre><code>.ui-widget,.ui-widget .ui-widget {
      font-size: 90% !important;
  }
  </code></pre>
  
  <p>Currently, I am embedding this CSS snippet in the head of every XHTML page. </p>
  
  <pre><code>&lt;head&gt;
      &lt;style type="text/css"&gt;
          .ui-widget,.ui-widget .ui-widget {
              font-size: 90% !important;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  </code></pre>