title: primefaces with custom css file
body: <p>Good morning, i have a problem in applying a style sheet on a primefaces <code>commandButton</code> , the button element is as follows:</p>
  
  <pre><code>        &lt;p:commandButton value="Complains" styleClass="styleOrange"/&gt;
  </code></pre>
  
  <p>and the style sheet:</p>
  
  <pre><code>    .styleOrange {    
      background-color: orange;
  }
  </code></pre>
  
  <p>the css file is placed in the resources folder under css folder:</p>
  
  <p>here's the include statement of the css file:</p>
  
  <pre><code>&lt;h:head&gt;
  
  &lt;h:outputStylesheet name="/resources/css/style.css" library="css" /&gt;
  
  &lt;/h:head&gt;
  </code></pre>