Introducir CSS en páginas CMS  

 
Marta
 Marta
Estimable Member

Hola,

Cuando se está creando una página CMS en prestashop y se quiere introducir CSS ¿sabéis cómo se puede hacer?

Muchas gracias.

Un saludo,

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/09/2015 12:41 pm
Julen
 Julen
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/09/2015 5:16 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Marta
 Marta
Estimable Member

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,

ResponderCitar
Respondido : 05/09/2015 2:43 pm
Lorena
 Lorena
Miembro Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 05/09/2015 3:20 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Marta
 Marta
Estimable Member

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,

ResponderCitar
Respondido : 05/09/2015 3:53 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 05/09/2015 4:37 pm

Cursos Gratuitos WordPress

Marta
 Marta
Estimable Member

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,

ResponderCitar
Respondido : 10/09/2015 11:50 am
Paula
 Paula
Usuario activo

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í).

ResponderCitar
Respondido : 10/09/2015 12:09 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Rafael
 Rafael
Miembro Moderator

¡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 -> https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 10/09/2015 12:14 pm

Por favor Iniciar Sesión o Registro