[SOLUCIONADO] Patron de Fondo

[kyr2912]

Buenas debido al modulo belvc_backgroundswitcher  me ha saltado un error 500 y he tenido que desactivarlo, ahora necesito una forma de poner un patron de fondo en mi pagina,  tengo la version 1.7.3 de prestashop, un saludo.

Edited April 12, 2018 by kyr2912 (see edit history)

[jarega88]

Hola kyr,

Será cuestión de jugar con el css. Una imagen del patrón de fondo y que se repita en los ejes X-Y. 

Tienes conocimientos de css o al menos acceso al ftp de la web? 

Saludos!

[kyr2912]

hace 12 minutos, jarega88 dijo:

Hola kyr,

Será cuestión de jugar con el css. Una imagen del patrón de fondo y que se repita en los ejes X-Y. 

Tienes conocimientos de css o al menos acceso al ftp de la web? 

Saludos!

tengo acceso al ftp se llegar al theme.css y de css se lo minimo pero no se donde poner la imagen de fondo ni como poner que se repita en x-y

[Sergio Ruiz]

7 minutes ago, kyr2912 said:

tengo acceso al ftp se llegar al theme.css y de css se lo minimo pero no se donde poner la imagen de fondo ni como poner que se repita en x-y

Un ejemplo,

Prestashop 1.7 con plantilla por defecto

Te bajas esta imagen: https://pixabay.com/es/azulejo-patrón-de-fondo-fondos-1351044/

La subes al directorio: \themes\classic\assets\img\

Vas al fichero: \themes\classic\assets\css\custom.css y añades:

#wrapper {
    background: url(../img/fondo.jpg);
}

Siendo "fondo.jpg" el nombre de la imagen que has subido al directorio: \themes\classic\assets\img\

¿Cómo usar la propiedad background?: http://librosweb.es/referencia/css/background.html

[kyr2912]

hace 13 minutos, Sergio Ruiz dijo:

Un ejemplo,

Prestashop 1.7 con plantilla por defecto

Te bajas esta imagen: https://pixabay.com/es/azulejo-patrón-de-fondo-fondos-1351044/

La subes al directorio: \themes\classic\assets\img\

Vas al fichero: \themes\classic\assets\css\custom.css y añades:

#wrapper {
    background: url(../img/fondo.jpg);
}

Siendo "fondo.jpg" el nombre de la imagen que has subido al directorio: \themes\classic\assets\img\

¿Cómo usar la propiedad background?: http://librosweb.es/referencia/css/background.html

perfecto me funciono, ahora solo me falta ponerlo en el header creo, donde esta el menu el logo la barra de busqueda etc...  ¿como lo haria?

[kyr2912]

Bueno ya lo solucione, en el fichero: \themes\classic\assets\css\theme.css, a mi me salio en la linea 4982 cambiar el background color 

body {
    background-color: #fff;
    color: #000;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 24px;
}

 

por background-image: url(../img/fondo.jpg);

 

siendo "fondo.jpg"  la imagen que se quiere poner, quedaria asi:

body {
    background-image: url(../img/fondo.jpg);
    color: #000;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 24px;
}

[Sergio Ruiz]

17 minutes ago, kyr2912 said:

Bueno ya lo solucione, en el fichero: \themes\classic\assets\css\theme.css, a mi me salio en la linea 4982 cambiar el background color 

body {
    background-color: #fff;
    color: #000;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 24px;
}

 

por background-image: url(../img/fondo.jpg);

 

siendo "fondo.jpg"  la imagen que se quiere poner, quedaria asi:

body {
    background-image: url(../img/fondo.jpg);
    color: #000;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 24px;
}

Los cambios implementalos en el custom.css que esta para eso.

Cuanto menos toques el theme.css mejor.