title: Removing Primefaces CSS layout from JSF page
body: <p>I have a JSF page with from. I also use Primefaces. At the bottom of the page I have two buttons which execute the JSF form:</p>
  
  <pre><code>&lt;div id="settingstwodivthree" style="width:400px; height:60px; position:absolute;  background-color:transparent; top:380px; left:800px"&gt;
      &lt;p:commandButton value="Save Settings" id="ajax" actionListener="#{GeneralController.updateDBSettings}" rendered="true" update="growl,settingsupdate"/&gt;
      &lt;p:commandButton value="Default Settings" id="defaultsettings" actionListener="#{GeneralController.defaultSettings}" rendered="true" update="settingsupdate"/&gt;                  
  &lt;/div&gt; 
  </code></pre>
  
  <p>When I add Primefaces into the JSF page the default layout of the button is changed. It seems that css file from Primefaces is overriding the layout of the buttons.</p>
  
  <p>I added this into the <code>web.xml</code> file:</p>
  
  <pre><code>&lt;context-param&gt;
      &lt;param-name&gt;primefaces.THEME&lt;/param-name&gt;
      &lt;param-value&gt;none&lt;/param-value&gt;
  &lt;/context-param&gt;
  </code></pre>
  
  <p>But the problem is still there. Is there any way some how to disable the css overriding?</p>