Avisos
Vaciar todo

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

 
David
 David
Reputable Member

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
Bulmaro
 Bulmaro
Soporte CMS Webempresa 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 4 años por Bulmaro
Respondido : 11/11/2020 5:58 pm

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

David
 David
Reputable Member

@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
 Karen Rios
Soporte CMS Webempresa 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

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

David
 David
Reputable Member

@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
 Karen Rios
Soporte CMS Webempresa 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

David
 David
Reputable Member

@karen

Gracias Karen, ha funcionado!! 😀 😀 

Respondido : 12/11/2020 8:53 pm
Argenis
 Argenis
Soporte CMS Webempresa 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

Cursos Gratuitos WordPress