Cambiar Background en Prestashop 1.5 [SOLUCIONADO]

[ideas4design]

Hola buenas, quiero cambiar un fondo blanco por una imagen.

 

el sitio es www.picanteshop.com

 

En el archivo global.css dentro del tema se refiere a una imagen gif que se repite. Pero la he modificado y se corta a la mitad.

 

Quisiera poner esta imagen de fondo en toda la web. bg_all.jpg

 

Alguna idea? Adjunto el css por si acaso.

 

 

#main-wrap { background:url(../img/tail-main.gif) left  top  repeat-x; width:100%; padding:0; overflow:hidden;}
.inner-wrap{  margin: 0 auto;max-width: 980px;min-height: 100%;position: relative;width: 100%;}
.primary_content_wrap{ position: relative; padding:0;}

global.css

Edited November 23, 2012 by ideas4design (see edit history)

[Michel presta]

hola ideas4design

 

/* ************************************************************************************************

generic style

************************************************************************************************ */

body{

background-image: url('../img/tu-imagen.jpg');

//background-color:#999;

background-repeat: no-repeat; /* no repetir */

background-position: center;/* centrage de la imagen */

background-attachment:fixed; /* evitar el scroll*/

 

 

Michel

[ideas4design]

Gracias por contestar poniendo ese código se me desconfigura todo el sitio mira -> http://picanteshop.com/es/

[Michel presta]

Hola

 

todo eso en la parte body del global.css de tu théma

La imagen tiene que acer u tamanio grande para cojer toda la pantalla.

 

 

body{

background-image: url('../img/tu-imagen.jpg');

//background-color:#999; /*aqui el color del fondo*/

background-repeat: no-repeat; /* para no repetir la imagen */

background-position: center;/* centrage de la imagen */

background-attachment:fixed; /* fijar para evitar el scroll */

 

font:normal 11px/14px Arial, Verdana, sans-serif; /* aqui pones lo que tienes ya en tu fichero*/

color:#fff500; /* aqui pones lo que tienes ya en tu fichero*/

background-color: #000;/*aqui el color del fondo*/

}

 

Saludos

[ideas4design]

El archivo global.css original tengo esto:

 

 

/* ************************************************************************************************

generic style

************************************************************************************************ */

body{font: 12px/19px Arial, Helvetica, sans-serif;position:relative;color:#8a8989;background:#fff; }

 

Lo cambio por estro otro :

 

body{

background-image: url('../img/bg_all.jpg');

//background-color:#999; /*aqui el color del fondo*/

background-repeat: no-repeat; /* para no repetir la imagen */

background-position: center;/* centrage de la imagen */

background-attachment:fixed; /* fijar para evitar el scroll */

 

font: 12px/19px Arial, Helvetica, sans-serif;position:relative;color:#8a8989;background:#fff;

color:#fff500; /* aqui pones lo que tienes ya en tu fichero*/

background-color: #000;/*aqui el color del fondo*/

}

 

Pues voy a pobrarlo...

[Michel presta]

body{

background-image: url('../img/bg_all.jpg');

//background-color:#999; /*aqui el color del fondo*/

background-repeat: no-repeat; /* para no repetir la imagen */

background-position: center;/* centrage de la imagen */

background-attachment:fixed; /* fijar para evitar el scroll */

 

font: 12px/19px Arial, Helvetica, sans-serif;position:relative;color:#8a8989;background:#fff;

}

 

prueba este

[ideas4design]

Pues no ocurre nada, sigue igual. Y la imagen esta en la carpeta correspondiente.

 

Lo que pasa que tengo una duda:

 

El Smarty: Como debe estar para hacer cambios ?

 

Cuando hago cambios: Force Compilation Cache OFF

Cuando quiero que quede bien Never recompile template files Cache ON

 

En eso no tengo mucha idea la verda...

Edited November 22, 2012 by ideas4design (see edit history)

[Michel presta]

La imagen esta en la carpeta img de tu template o de prestashop?

tiene que estar en la carpeta img de tu template.

[nadie]

En el caso de tu plantilla que estas usando.

 

 

Prueba esto..

 

En tu caso particular busca, en el fichero:

 

/theme474/css/global.css

 

Busca esto:

 

#main-wrap {
width: 100%;
padding: 0;
overflow: hidden;
}

 

Y dejalo asi:

 

#main-wrap {
width: 100%;
padding: 0;
overflow: hidden;
background: url('../img/bg_all.jpg') no-repeat center fixed #130015;
}

 

Despues en el mismo fichero, busca esto:

 

body {
background-image: url('../img/bg_all.jpg');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
font: 12px/19px Arial, Helvetica, sans-serif;
position: relative;
color: #8A8989;
background: white;
}

 

Y dejalo asi:

 

body {
font: 12px/19px Arial, Helvetica, sans-serif;
color: #8A8989;
}

[ideas4design]

Gracias nadie.

 

El #main-wrap original es lo siguiente.

 

#main-wrap { background:url(../img/tail-main.gif) left  top  repeat-x; width:100%; padding:0; overflow:hidden;}
.inner-wrap{  margin: 0 auto;max-width: 980px;min-height: 100%;position: relative;width: 100%;}
.primary_content_wrap{ position: relative; padding:0;}

 

Y el body original es asi

 

body{
background-image: url('../img/bg_all.jpg');
//background-color:#999; /*aqui el color del fondo*/
background-repeat: no-repeat; /* para no repetir la imagen */
background-position: center;/* centrage de la imagen */
background-attachment:fixed; /* fijar para evitar el scroll */
font: 12px/19px Arial, Helvetica, sans-serif;position:relative;color:#8a8989;background:#fff;
}

[nadie]

Dejalo tal como te he comentado aquí:

 

 

En el caso de tu plantilla que estas usando.

 

 

Prueba esto..

 

En tu caso particular busca, en el fichero:

 

/theme474/css/global.css

 

Busca esto:

 

#main-wrap {
width: 100%;
padding: 0;
overflow: hidden;
}

 

Y dejalo asi:

 

#main-wrap {
width: 100%;
padding: 0;
overflow: hidden;
background: url('../img/bg_all.jpg') no-repeat center fixed #130015;
}

 

Despues en el mismo fichero, busca esto:

 

body {
background-image: url('../img/bg_all.jpg');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
font: 12px/19px Arial, Helvetica, sans-serif;
position: relative;
color: #8A8989;
background: white;
}

 

Y dejalo asi:

 

body {
font: 12px/19px Arial, Helvetica, sans-serif;
color: #8A8989;
}

 

Saludos,

[ideas4design]

Nadie muchas gracias, puedes comprobar que la imagen se ha puesto correctamente !

 

GRACIAS !

 

 

Ya que veo que tienes este template, me voy a meter con el css de los módulos pero porque están vacios? me explico, si por ejemplo quiero cambiar el "blocksocial" el css, le abro pero está vacio... a que se debe esto?

 

Esto en la carpeta /theme474/css/modules/blocksocial/blocksocial.css

Edited November 23, 2012 by ideas4design (see edit history)