Avisos
Vaciar todo

[Resuelto] Como modificar los colores del tema por defecto (default-bootstrap) de prestashop 1.6

8 Respuestas
4 Usuarios
0 Reactions
26 Visitas
Respuestas: 310
Reputable Member
Topic starter
 

Hola;

Me gustaría saber como puedo modificar los colores del tema por defecto de prestashop 1.6 default-bootstrap. Sobre todo el fondo tanto del home como de las páginas de producto.

Gracias

Contenido solo visible a usuarios registrados


 
Respondido : 11/11/2020 5:34 pm
Tags del tema
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola David, 

En este caso tendrías que hacerlo mediante código CSS, agrega el código que desees accediendo a tu cPanel -> Inicio -> Administrador de archivos -> public_html/raizdetuweb/themes/classic/assets/css/, click derecho en custom.css -> Editar

Para aplicar un color de fondo distinto a todas las páginas de la web:

body{
background-color: white !important;
}

Aplicar un color de fondo distinto solo a la página de inicio:

body#index{
background-color: blue !important;
}

Aplicar un color diferente a las páginas de los productos:

body#product{
background-color: blue !important;
}

Aplicar un color distinto a la página de cualquier categoría de producto:

body#category{
background-color: yellow !important;
}

Los colores puedes definirlos en varias notaciones, te sugiero revisar -> css_colors.asp

Saludos


Esta publicación ha sido modificada el hace 5 años por Bulmaro
 
Respondido : 11/11/2020 5:58 pm
Respuestas: 310
Reputable Member
Topic starter
 

@bulmaro-webempresa

Gracias Bulmaro, pero yo tengo el tema default-bootstrap, entonces no me aparece el fichero custum.css, supongo que será en otro fichero con otro nombre, ¿sabes cuál es?

Gracias por todo


 
Respondido : 11/11/2020 6:09 pm
Karen Rios
Respuestas: 18826
Illustrious Member Moderator
 

Hola David,

En este caso comprueba si tienes algún fichero con el nombre global.css o style.css y añade en el el código que te comparte Bulmaro.

Un Saludo


 
Respondido : 11/11/2020 6:12 pm
Respuestas: 310
Reputable Member
Topic starter
 

@karen

Hola karen, lo que ocurre al escribir en global.css el código siguiente:

body{
background-color: white !important;
}
es que al cargar la página lo primero que intenta es colocarle el color blanco al fondo, pero luego carga el color beige que tiene ahora mismo.
Que es el color qeu tiene de fondo en todas las páginas. Además retarda algo la carga de la página, ¿Cómo podría cambiarlo?
Gracias
color Beig
 

 
Respondido : 11/11/2020 6:29 pm
Karen Rios
Respuestas: 18826
Illustrious Member Moderator
 

Hola David,

En este caso prueba si con el siguiente código CSS logras modificar el fondo que necesitas a blanco

.header-container, .columns-container {
background: #fff !important;
}

#header {
background: #fff !important;
}

Comprueba esto y nos comentas como ha ido todo

Un Saludo


 
Respondido : 11/11/2020 6:58 pm
Respuestas: 310
Reputable Member
Topic starter
 

@karen

Gracias Karen, ha funcionado!! 😀 😀 


 
Respondido : 12/11/2020 8:53 pm
Argenis
Respuestas: 11664
Illustrious Member Moderator
 

Hola David,

Encantados de poder ayudarte 😀 😀, recuerda si tienes alguna otra consulta puedes crear un nuevo tema.

Un saludo 🖐️ 


 
Respondido : 12/11/2020 9:03 pm