Cómo cambiar el color del fondo trasero de la tienda

[fadaraf]

Hola,

soy nueva el el foro, aunque llevo días leyendo, pero no he sabido encontrar la respuesta y por eso abro nuevo tema...

 

Quiero cambiar el fondo de detrás de la tienda, (el gris clarito, no el blanco del body) por un tono malva.

Os adjunto el enlace http://www.dormirsinllorar.com/tienda/es/portatiles-apple/4-macbook.html

Llevo días mirandome la css, pero no doy con el código....

 

Un saludo y gracias.

[Snapy]

¿Te refieres al gris claro que hay encima de la perte de abajo que es de color oscuro?

eso es la zona de "reaseguros " y tiene su própio módulo

 

para cambiar cosas ahí:

prestashop/themes/default/modules/blockreinsurance/style.css

 

si estoy en lo cierto y es lo que quieres tocar, te paso unas notas que tengo mías:

 

CAMBIAR O PONER LOGOS/COSAS

ir a módulos y buscar "bloque de reaseguros y modificar el que se quiera.

Cambiar css del bloque:

ir a modules/blockreinsurance/style.css

 

BAJAR EL TEXTO DE LOS ÍCONOS:

ir a modules/blockreinsurance/style.css

en: #reinsurance_block li span {

poner el padding-top a 20px;

 

BAJAR TEXTO EXPLICATIVO DE LAS IMAGENES DE REASEGUROS

en: prestashop/modules/blockreinsurance/style.css

en:#reinsurance_block li span {

poner el padding-top a 6px

 

PONER LA LÍNEA NARANJA EN REASEGUROS

Se ha añadido un fondo degradado mediante background y repetido, este es algo más pequeño en altura de lo que viene asignado en prestashop, por lo que ha este espacio de prestashop se le ha dado color en este caso el naranja y se le ha reducido la altura para que quede una línea de 2 px de altura.

en: prestashop/modules/blockreinsurance/style.css

en:#reinsurance_block

añadir: height:87px;

y cerrar el div con "}"

 

 

un saludo.

[fadaraf]

gracias ! eso también me ayuda !

pero me refiero al fondo del fondo (la parte de atrás de la tienda) Te adjunto una imagen

¿Se podrá?

Un saludo, gracias de nuevo

 

[Snapy]

vale, creo que te refieres al background de la tienda

 

hast alo que yo sé ( que no es mucho), hay dos posibilidades, o pones un fondo de un color o imagen ( esta imagen puede ser pequeña y con el código hacer que se repita para que lo cubra todo o una muy grande que lo cubra todo)

yo he puesto una imagen, que además se que da fija cuando mueves con el scroll la tienda arriba y abajo:

espiacenter.com/prestashop

 

código que te puede ayudar (con imagen para fondo), si lo que quieres es solo color , creo que vasta con poner el color donde #.....

 

CAMBIAR FONDO DE TODA LA PANTALLA Y QUEDE FIJO:

en el archivo /themes/default/css/global.css:

buscar:

 

body {

background: #FFF url(../css/foto.jpg);

background-repeat: no-repeat; background-attachment: fixed ;

font-size: 11px;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #5d717e;

text-align: center

}

[fadaraf]

gracias ! voy a intentarlo.

Y por último.... sabrías como poner el carrito y el login superpuesta en logo? Adjunto imagen también.

Si logro hacer estos cambios, quedará niquelada !!

 

[fadaraf]

no sale lo del fondo lila....

Edited June 12, 2013 by fadaraf (see edit history)

[nadie]

no sale lo del fondo lila....

Logico, edita el fichero:

 

http://www.dormirsinllorar.com/tienda/themes/default/css/cleantheme.css

 

y no el

 

http://www.dormirsinllorar.com/tienda/themes/default/css/global.css

 

y en el fichero:

 

http://www.dormirsinllorar.com/tienda/themes/default/css/cleantheme.css

 

cambia el background de aqui:

 

body {
background: #f8f8fa;
color: #555555;
padding: 10px 0;
font: 12px/14px "PT Sans",Helvetica,Arial,sans-serif,Verdana,sans-serif;
}

 

(Lo del fichero, es debido a tu plantilla)

[Troumb]

Logico, edita el fichero:

 

http://www.dormirsinllorar.com/tienda/themes/default/css/cleantheme.css

 

y no el

 

http://www.dormirsinllorar.com/tienda/themes/default/css/global.css

 

y en el fichero:

 

http://www.dormirsinllorar.com/tienda/themes/default/css/cleantheme.css

 

cambia el background de aqui:

 

body {
background: #f8f8fa;
color: #555555;
padding: 10px 0;
font: 12px/14px "PT Sans",Helvetica,Arial,sans-serif,Verdana,sans-serif;
}

 

(Lo del fichero, es debido a tu plantilla)

 

¿En el theme default como se haría? No encuentro lo que comentas en el global.css dentro de el theme default que trae mi tienda. Gracias.

[nadie]

¿En el theme default como se haría? No encuentro lo que comentas en el global.css dentro de el theme default que trae mi tienda. Gracias.

 

En el tema por defecto, es como ha dicho snapy,

 

FIchero:

 

/themes/default/css/global.css

 

Buscar

 

body {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
background: #fff;
}

 

cambiar

 

background: #fff;

 

Si quieres colocar una imagen de fondo, aqui: http://www.prestashop.com/forums/topic/178935-imagen-de-fondo-estatica-y-tienda-flotante-solucionado/ tienes explicado como y aqui: http://www.w3schools.com/css/css_background.asp tambien.

 

Por cierto, tal como dicen las normas del foro, se deben abrir distintos temas por partes de distintos usuarios.

[fadaraf]

Por fin!! muchas gracias, me estaba volviendo loca....

yo trabajaba con oscommerce (con sts_templates, que son muy gáficas) y en prestashop con css soy novata total...

 

Alguien sabría orientarme de cómo poner el carrito encima del logo (y ya creo que no molesto más porque no voy a modificar nada más de la tienda)