Cambiar fondo del pie de página en Prestashop 1.7

En inicios del 2013, hicimos una guía parecida, pero para cambiar el fondo del pie en Prestashop 1.5

Hace unos meses, estuvimos comentando como cambiar el Copyright del pie de página en Prestashop 1.7, pero y si además queremos cambiar el fondo blanco del pie de página, por otro tipo de fondo.

Para cambiar el color de fondo del pie de página en Prestashop (Prestashop 1.7.1.0), como siempre digo podemos hacernos una idea usando firebug o el mismo inspeccionar elemento de Chrome, pero bueno, como estamos cerca de semana santa, os diré los pasos exactos.

Color (Blanco) de fondo en Prestashop 1.7
Color (Blanco) de fondo en Prestashop 1.7

Por defecto, el fondo del pie de página en Prestashop 1.7 con la platilla Classic (que es la que viene por defecto..) es de color blanco.

La idea es cambiarlo a un color “gris”.

Color de fondo (Gris) en Prestashop 1.7
Color de fondo (Gris) en Prestashop 1.7

Simplemente, vamos al fichero:

/themes/classic/assets/css/theme.css

Pero sorpresa, no vemos el CSS, como lo veíamos antes en el global.css

Fichero general de estilos en Prestashop 1.7
Fichero general de estilos en Prestashop 1.7

Lo vemos todo en una línea por el asunto de la compresión del CSS (CSS Minifier)

Para cambiar el fondo, añadimos debajo de todo:


#footer {
background: #f9f9f9
}

Evidentemente, como os podéis imaginar, esto no es lo más optimo, pero podéis salir del paso 🙂

Tenéis un fichero: /themes/classic/assets/css/custom.css para añadir vuestros propios estilos.

Documento válido para Prestashop 1.7.1.0

3 comentarios sobre “Cambiar fondo del pie de página en Prestashop 1.7”

  1. Hola,

    Antes de nada muchas gracias por tus contribuciones sobre prestashop, estoy aprendiendo muchas cosas nuevas y gracias a tus tutoriales sé dónde están las cosas y me resulta mucho más fácil modificar cosas sobre prestashop.

    He notado muchísimos cambios desde la 1.6 a la 1.7, por no mencionar desde la 1.5 a 1.6, ya que empecé a desarrollar en la 1.6 cuando salió y la verdad es que 1.7 sigo un poco perdido.

    La pregunta es, si el fichero custom.css es buena idea usarlo? A efectos prácticos y de rendimiento no sería mejor modificar el archivo theme.css a mano donde esté toda ocurrencia de algún elemento? No me ha dado por mirar mucho código, pero si a efectos de rendimiento funciona mejor custom.css esto sería un puntazo para 1.7

    Saludos

  2. Hola, en la version 1.7.2.4 en que parte del fichero pongo la modificacion, es que bastante diferente el contenido del archivo al de la version 1.7.1.0 gracias

    1. Para evitar tocar el fichero theme.css, mejor añádelo directamente en el fichero: /themes/classic/assets/css/custom.css que está preparado para que puedas añadir tus propias personalizaciones.

      PD: Si no ves los cambios del CSS, revisa con navegación limpia y cache del navegador limpia.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *