Hola, os escribo porque estoy bastante pez en este tema.
Estoy haciendo una aplicación web con JSF y utilizando el framework Primefaces. El caso es que como ya la tengo algo avanzada he decidido aplicarle un template. He buscado por internet y le he puesto uno que me ha gustado. El caso es que este template hace uso de una gran cantidad de CSS, Javascript y demás. He logrado hacer que se muestre todo el template correctamente, y en la parte central de la aplicación, que es donde mostraré mis páginas ".xhtml".
Código:
<div class="container-fluid content-wrapper">
<ui:insert name="content">Content</ui:insert>
</div>
De esta forma todas las páginas que tengo hechas se mostrarán en el centro.
El problema me viene con tanto .css. Muchos componentes salen fatal, algunas páginas que utilizo p:layouts muestran todo en blanco, otras todas las tablas fatal. Todo debido a que coge los css del nuevo template.
Mi pregunta es como puedo hacer que a ese div concreto, que es el que va a contener todas mis páginas .xhtml se les aplique únicamente los estilos que utilizaba antes y que se mostraban correctamente todos los componentes primefaces.
Un saludo y gracias!