Tocar colores con CSS (Prestashop)

woselwosel · #1 (**permalink**) 03/12/2015, 13:25

Hola

Tengo una web casi acabada, pero quiero cambiar 2 colores y no consigo hacerlo mediante las opciones de Prestashop. Supongo que tendré que tocar algun archivo CSS, pero no tengo mucha idea. Me ayudais?

Es esta web: http://bit.ly/1IrRvqS

El telefonito de arriba a la izquierda está en color rojo (#B3000) y quiero cambiarlo por un verde (#AAAC22). Con F12 he podido toquetear y ver ese código de color, pero no sé donde modificarlo.

Lo mismo para el color de sustitución de los botones de la derecha, que en este caso no he llegado ni a identificar con F12.

Me ayudais? =)

xfxstudios · #2 (**permalink**) 03/12/2015, 13:51

Primero debes buscar el archivo:

blockcart.css y en la linea 3 segun veo es que vas a realizar el cambio del color, luego lo guardas y lo vuelves a cargar.

y en el archivo global.css buscas /* header links */ alli editas estas lineas

Código CSS:

Ver original.header_user_info a,
.languages-block .current > span,
#contact-link a,
.shop-phone { color: #999!important; font-weight: normal!important; }
 
.header_user_info a:hover,
.languages-block:hover,
#contact-link a:hover
{ background: #b30000 !important; color: #fff!important; }
body#index #center_column { margin-top: 15px; }

guardas y subes nuevamente el archivo

woselwosel · #3 (**permalink**) 04/12/2015, 07:59

Lo primero no me funcionó (aunque lo conseguí por mi cuenta), pero lo segundo sí.

Muchas gracias!

woselwosel · #4 (**permalink**) 10/12/2015, 10:49

Hola de nuevo

Sobre lo que sí funcionó (el color rojo de fondo en el selector de idioma), resulta que hay que cambiar también el color de los desplegables que salen en Catalán / Español.

Pero soy incapaz de detectar cual es el campo que hay que cambiar.

Me ayudais? :P

xfxstudios · #5 (**permalink**) 10/12/2015, 12:22

amigo estas un poco grave si no sabes como ubicar algo en una plantilla o archivo css, deberias de ponerte un poco mas con eso antes de entrarle a cualquier trabajo, el asunto asi por encima seria en las siuientes ubicaciones:

Archivo: blocklanguages.css en la linea 40 creo, alli modificas el fondo negro entre otras cosas de la lista de idiomas.

en la linea 57 del mismo archivo modificas el fondo rojo del item seleccionado al igual que el hover de este, cualquier otra cosita utiliza:

en crhome el F12 o simplemente con dar clic derecho sobre el elemento y seleccionar inspeccionar podras ver todas las reglas css y sus archivos.

Saludos

woselwosel · #6 (**permalink**) 15/12/2015, 09:57

Te agradezco la ayuda, pero soy incapaz de encontrarlo.

Existen varios archivos blacklanguages.css en el FTP, y en los que he abierto, no veo códigos de colores en las líneas 40 y 57 como indicas...

En los que he abierto, he sustituido todos los códigos de colores por el verde pero no cambia nada...

woselwosel · #7 (**permalink**) 22/12/2015, 12:59

Hola

Sigo necesitando ayuda con esto.

Gracias!