Introducir CSS en páginas CMS  

Hola Marta,

No es posible insertar código CSS, mientras se esta creando una pagina CMS. Esta inserción, tendrás que realizarla una vez finalizada la creación de dicha pagina. Es decir, tendrás que añadir las modificaciones adicionales a la hoja de estilos correspondiente que afecte a la pagina CMS que acaba de crear.

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- www.webempresa.com/blog/item/282-usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos

Hola Julen,

Pero no entiendo, ¿cómo que no se pueden añadir estilos CSS en una página? o lo que quieres decir es que hay que añadirlos a través de la carpeta CSS del tema en Cpanel?

Muchas gracias.

Un saludo,

Hola Marta,

Eso es, los estilos CSS no se modfiican en la página directamente, tendrás que modificarlos en los ficheros de los CSS correspondientes. Revisa:

https://www.webempresa.com/blog/item/1837-como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

Un saludo.

Hola Lorena,

Tal vez es una pregunta muy obvia pero con esto me pierdo un poco...vamos a ver, si quiero modificar, colores, tipografías, bordes, etc...de los estilos que ya están integrados en la plantilla, busco en qué ficheros a través de firebug y luego lo modifico en el archivo, hasta aquí ningún problema.

Pero... ¿cómo hago para introducir nuevos CSS que no están en la plantilla?, es decir, que han sido creados para presentar de forma visual un contenido dentro de una página CMS, que es de aquí de dónde proviene mi duda.

Muchas gracias.

Un saludo,

Hola

Algunos themes tienen una opción para incluir un archivo personalizado CSS en donde puedes poner tu código

Sin embargo también podrías hacer las modificaciones en alguno de los archivos implicados, si deseas añadir nuevo código por ejemplo puedes usar el archivo global.css que ya carga tu theme , usualmente en : /themes/TU_THEME/css/global.css, lo que si te recomiendo es poner tus modificaciones al final del archivo, además de tener un backup en caso actualices el theme posiblemente puedas perder tus modificaciones por las que tendrás que copiarlas de nuevo al final.

Saludos.

Hola Jhonm

Entiendo lo que dices, pero preferiría no tocar el archivo global css, además, si cada vez que haya una actualización voy a tener que insertar de nuevo el código, no lo veo muy práctico, la verdad...

No habría ninguna otra forma de hacerlo? Utilizo el theme "Amaltea".

Muchas gracias.

Un saludo,

No es dificil:

1. Crea tu fichero CSS (un fichero de texto con exensión .css) y guárdalo en la carpeta themes/nombre_de_tu_tema/css
2. Te vas a la carpeta de tu tema: themes/nombre_de_tu_tema y buscas el fichero header.tpl, lo descargas (haz una copia de seguridad por si pasa algo) y lo abres con un editor de texto (notepad por ejemplo). Busca la línea que pone
3. Justo encima de esa línea añade esto:
   
4. Guarda y vuelve a subir por FTP el fichero .css

Así, cargas el fichero .css que quieras en tu web.

De todas formas, yo lo hice así una vez y al final lo pasé todo al global.css porque de esta manera la web tardaba más en cargar, y creo que cuando se actualiza Prestashop o el tema, el fichero global.css sigue intacto (aunque de esto último no estoy segura, mejor que te lo confirmen por aquí).

¡Hola Marta!

Tal como dice Paula, puedes añadir un nuevo archivo CSS a Prestashop realizando los pasos que te indica manualmente.

O, directamente editando el archivo -> themes/Amaltea/css/global.css (si tienes Amaltea como principal)

Para ello, utiliza el Administrador de Archivos de cPanel ->

Saludos