Paso 1: Agregar tu archivo CSS personalizado

Para crear un archivo CSS personalizado, solo tienes que crear un nuevo archivo css en /templates/[TEMPLATE]/css/y asígnele el nombre [PLANTILLA] -custom.css . El nuevo archivo CSS personalizado se cargará automáticamente en el marco de Gantry.

 

NOTA: El uso de [PLANTILLA] en esta guía está pensado como un marcador de posición para el nombre del directorio primario de la plantilla. Reemplace [PLANTILLA] con el nombre del directorio de la plantilla para que estas instrucciones funcionen con su sitio.

Paso 2: Agregar sus reglas y propiedades personalizadas

Ahora puede agregar las reglas y propiedades personalizadas dentro del archivo [PLANTILLA] -custom.css para personalizar su plantilla de Gantry. Si desea anular cualquier regla existente de la plantilla, deberá usar la Especificidad de CSS.

Veremos cómo usamos nuestra hoja de estilo personalizada en el siguiente ejemplo.

Paso 3: Volver a compilar css desde style administracion de Joomla Templates