Joomla! Documentation™

Joomla! 

≥ 3.5

El CSS de la plantilla Protostar puede ser modificado directamente en el Gestor de Plantillas. Pero el problema con modificar los archivos del núcleo para nuestras necesidades (Joomla o una extensión), es que pueden ser sobreescritos con una actualización y por el Componente de Actualizacíon de Joomla!. Así que para evitar agregar CSS personalizado una y otra vez, existe una simple solución desde Joomla! 3.5.

Personalice la plantilla de forma segura

• Valla a Extensiones → Plantillass y nuevamente Plantillas (menú directo o barra lateral izquierda). Revise que se encuentre en la opción Plantillas de la barra lateral izquierda .

File:J3x admin templates manager templates-es.png

• A continuación, abra la plantilla Protostar, haga clic en Detalles y Archivos de la Plantilla Protostar.

Crear un "Nuevo Archivo"' user.css

• Haga clic en el botón Archivo nuevo de extensiones
• Vera una ventana modal, seleccione la ubicación del archivo, aquí la carpeta css a la izquierda
• Escriba user en el campo de nombre del archivo
• Seleccione css como el tipo de archivo
• Haga clic en el botón Crear

File:J3x admin templates manager customise create new css-es.png

Ahora estás en un editor de código y puedes poner aquí tu código personalizado. Solo necesita poner lo que desea modificar. File:J3x admin templates manager edit user css-es.png

• Haga clic en el botón Guardar, y listo!

Puedes ver los cambios aplicados en tu página con las Herramientas de desarrollo de Firefox o Chrome.

A Tip!

• https://developer.mozilla.org/en/docs/Web/CSS/Specificity

Warning!

See the discussion on GitHub for more details

https://github.com/joomla/joomla-cms/pull/4211#issuecomment-55096315