Avisos
Vaciar todo

Cambiar de color theme Cilene

11 Respuestas
2 Usuarios
0 Reactions
759 Visitas
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

Buenas,

Me gustaria cambiar de color de la platilla Cilene

Recuadro de Productos, Carrito y Marcas.

He realizado este paso pero solo me cambia el de los Productos.

https://www.webempresa.com/foro/41-Preguntas-sobre-PrestaShop/146087-Cambiar-el-color-de-los-botones-en-plantilla-Amaltea.html#253800

Un saludo

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 26/08/2016 10:41 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Verifica si el siguiente enlace te es de utilidad: https://www.webempresa.com/blog/como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html


 
Respondido : 26/08/2016 11:27 pm
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

Hola,

Ya he visto el tutorial, cuando quiero ver el css no me sale la ruta va directo al cache.

Algo no estare haciendo bien.

Un saludo


 
Respondido : 27/08/2016 2:47 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Tienes que realizar de forma correcta la inspección del elemento, si no tienes conocimientos de programación CSS es recomendable no modificar la plantilla.


 
Respondido : 27/08/2016 4:35 pm
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

Buenas,

Tengo conocimientos basico, pero porque no se ve la ruta correcta? en la otra tienda si que se ve la ruta completa.


 
Respondido : 27/08/2016 5:32 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

En tu captura puedo ver la ruta no comprendo el problema, las clases tienen que ser aplicadas en el fichero /themes/Cilene/css/customuser.css para que en la actualización no se pierdan los cambios.


 
Respondido : 27/08/2016 5:49 pm
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

Mira la ruta de la primera imagen no se ve, te dirije al cache.

Te la vuelvo a incluir.

Como si haria para incluir en customuser.css un ejemplo si quiero cambiar el texto del carrito esta seria la linea en el css

.shopping_cart > a:first-child {
padding: 7px 10px 14px 16px;
background: #E61045;

Como deberia de incluirlo? para no mofidicarlo directamente en el css.

Entonces todo lo que se modifique directamente en el codigo si se actualiza el Pestashop se perderia todo verdad?

Un saludo


 
Respondido : 27/08/2016 6:02 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Te dirige a la cache porque seguramente tienes comprimido los ficheros sin embargo la ruta no te debe de interesar ya que las clases CSS debes introducirlas en el fichero customuser.css que tendrá prioridad sobre las demás clases.

En el ejemplo que haz puesto si quieres cambiar el tipo de texto tienes agregar una propiedad font, luego añades el código en el fichero customuser.css y con esto debería de ser suficiente para que se visualicen los cambios.

Todos los cambios de CSS deben ser incluidos sobre este fichero caso contrario en alguna actualización se podrían sobre-escribir y por lo tanto perderse.


 
Respondido : 27/08/2016 6:17 pm
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

Perdona que sea tan pesado.

No doy con ellos, quiero cambiar los colores he probado esto pero no lo cambia

.shopping_cart {
background: ##3698B7
}

En la ruta /themes/Cilene/css/customuser.css


 
Respondido : 27/08/2016 6:49 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

La clase esta mal escrita, lo correcto es:

.shopping_cart {
background: #3698B7;
}

 
Respondido : 27/08/2016 6:58 pm
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

Buenas,

Ya estan cambiados pongo aqui los cambios por si puede servir de ayuda alguien.
Para cambiar el color

Bloque carrito

.shopping_cart > a:first-child {
background: #3698B7;
}

Bloque Productos o Articulos

#categories_block_left h2.title_block{
background:#3698B7;
}

Bloque Marcas o Fabricantes.

.block .title_block, .block h4, .block .title_block a, .block h4 a {
background-color: #3698B7;
}

Un saludo


 
Respondido : 27/08/2016 10:43 pm