Cambiar fondo por i...
 
Avisos
Vaciar todo

Cambiar fondo por imagen en plantilla Himalia

22 Respuestas
3 Usuarios
0 Reactions
777 Visitas
Respuestas: 44
Eminent Member
Topic starter
 

Buenos días equipo, antes de nada presentarme pues este es mi primer post en el foro, me llamo Valeria y espero cumplir las normas del foro, tened paciencia con migo pues soy novata en esto, pido disculpas de antemano por los inconvenientes que pueda causar, también deciros que aunque soy novata, aprendo pronto, voy a lio!!

Ayer mismo instale una nueva tienda prestashop en mi hosting, Himalia es la plantilla, y me gustaría cambiarle el fondo por una imagen, he visto un video tutorial vuestro para hacerlo mediante un modulo llamado Background Switcher pero no me gusta mucho el resultado pues repite la imagen y lo que pretendo es que la imagen no se mueva para conseguir un efecto tipo Paralax. Después de ver los hilos ya abiertos sobre el particular… no me entero muy bien.

Mi pregunta es: ¿hay alguna otra forma de hacerlo sin modificar codigos? Y si no es así ¿me podríais decir o proporcionar algún link de cómo hacerlo? Por favor que sea fácil (lo mas posible) mis conocimientos sobre códigos son nulos, aunque aprendo rápido.
También pretendo cambiar la cabecera y pie de página.

Por cierto, he visto este video, ¿es correcto? porque a mi no me sale
https://www.youtube.com/watch?v=Ry3fO0AO2l4

Gracias anticipadas y eternamente agradecida por vuestra estupenda labor.
Atte. Valeria

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 04/09/2017 11:54 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Valeria.

Puedes conseguirlo con algo de código de css.

.- Edita el archivo customuser.css que encontraras en la ruta themes/Himalia/css/customuser.css

Puedes acceder al archivo desde tu cuenta de cPanel -> Administrador de archivo
https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel-como-buscar-archivos.html

.- Añade lo siguiente a ese archivo:

.columns-container {
background-image: url("http://urbanblacksheep.es/modules/homeslider/images/d59b63417825cd246e180c6ddb4678daafce07f0_galeria3.jpg" ) !important; 
background-attachment: fixed !important;
}

Tienes que modificar la URl de background-image por la de la imagen que quieres mostrar.

Un Saludo


 
Respondido : 04/09/2017 5:03 pm
Respuestas: 44
Eminent Member
Topic starter
 

Hola Pepe, gracias. solo una cosa.
La imagen que quiero utilizar ¿debo incluirla antes en alguna carpeta?


 
Respondido : 04/09/2017 5:44 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Si, puedes colocarla en algúna carpeta bajo public_html , luego acceder directamente con tu dominio, por ejemplo si colocas la imagen en este ruta:

public_html/img/mi_imagen.jpg

Entonces será accesible con la url:

Contenido solo visible a usuarios registradoses el dominio principal de tu cuenta.

Saludos.


 
Respondido : 04/09/2017 6:07 pm
Respuestas: 44
Eminent Member
Topic starter
 

Gracias Jhon, voy a ello, os diré como va la cosa.
Atte Valeria


 
Respondido : 05/09/2017 8:09 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Valeria.

Ok, dejamos el hilo en espera por si necesitas retomar la consulta que estamos tratando.

Un saludo


 
Respondido : 05/09/2017 8:28 am
Respuestas: 44
Eminent Member
Topic starter
 

Hola, todo correcto, ya he puesto el fondo, al principio tenia alguna dificultad con el tamaño de la imagen y a pesar de que estaba estatica como yo queria, se repetia, pero ya está arreglado.
Ahora, si no es mucha molestia, me guataria cambiar el fondo del header y del footer, ¿se hace igual? supongo que con diferente codigo. ¿me podeis guiar?
Muchisimas gracias.
Atte. Valeria


 
Respondido : 05/09/2017 5:09 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Valeria.

Genial !!! muy bien, me alegra que al final lo consiguieras 😉

Supongo que lo que quieres es modificar el color, en ese caso seria añadir lo siguiente al mismo archivo:

Para el footer:

.footer-container {
background:#f9f9f9 none repeat scroll 0 0;
}

Para el header:

#header {
  background:#fff;
}

Tienes que modificar el coligo del color por el que quieras que se muestre, te dejo enlace a una tabla de colores -> http://htmlcolorcodes.com/es/tabla-de-colores/

Nota: en el código que añadiste antes te falto cerrarlo con un }, revisa y lo cierras antes de añadir los códigos que te pase ahora.

Un saludo


 
Respondido : 05/09/2017 5:38 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Si puedes hacerlo de manera similar, en este caso lo selectores serían:

#header{
	background-image: url("" );
}

.footer-container{
	background-image: url("" );
}

Colocando la ruta de tu imagen en las comillas

Saludos.


 
Respondido : 05/09/2017 5:39 pm
Respuestas: 44
Eminent Member
Topic starter
 

Muchas gracias amigos, voy a ello, os contare como me ha salido.
Atte. Valeria


 
Respondido : 06/09/2017 8:44 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Valeria.

Ok, dejamos el hilo en espera por si necesitas retomarlo.

Un saludo


 
Respondido : 06/09/2017 9:07 am
Respuestas: 44
Eminent Member
Topic starter
 

Hola amigos, perdonad la tardanza en contestar, he estado liada y hasta hace un momento no he podido terminar.
Ya está! muchas gracias sois geniales, hasta he cambiado el color del theme con liveeditor, y ahora me encuentro que los textos no contrastan con los nuevos colores, ¿habria alguna manera facil de cambiarlos? o hay que recurrir a codigos.
Porfi, una ayudita más, ¿cómo lo hago...?
Gracias anticipadas.
Atte Valeria


 
Respondido : 06/09/2017 7:54 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

De manera general tendrías que cambiar el color de texto a blanco para que contraste con el fondo

Prueba con el siguiente código CSS

body,a{
	color:white;
}

.pb-center-column a,
.footer-container a, .footer-container p{
  color:white!important;
}

Saludos.


 
Respondido : 06/09/2017 9:41 pm
Respuestas: 44
Eminent Member
Topic starter
 

Hola buenos días equipo.
El cambio de color del texto ha funcionado, aunque hay textos que se han quedado igual, me explico:
Los títulos de PRODUCTOS DESTACADOS Y ÚLTIMAS NOTICIAS tienen un fondo blanco ¿se pueden quitar, en el de ÚLTIMAS NOTICIAS si ha cambiado a blanco no así el de PRODUCTOS DESTACADOS, y los títulos de las noticias de la página de inicio se han quedado igual, también algunos títulos del Footer, y el muenu del header ¿he hecho algo mal? Espero haberme explicado bien.
Gracias anticipadas.
Atte. Valeria


 
Respondido : 07/09/2017 6:41 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Valeria.

Los títulos de PRODUCTOS DESTACADOS Y ÚLTIMAS NOTICIAS

Añade lo siguiente:

h2.titulo_fondo span {
    background: transparent;
    color: #fefefe;
    font-weight: bold;
    }

los títulos de las noticias de la página de inicio

.block .title_block a, .block h4 a {
    color: #fff;
    font-weight: bold;
}

también algunos títulos del Footer, y el muenu del header

#cmsinfo_block h3 {
    color: #fefefe;
}

.footer-container #footer h4 {
    color: #fefefe;
}
.sf-menu > li > a {
    color: #fefefe;;
}

Un saludo, Amiga


 
Respondido : 07/09/2017 8:40 am
Página 1 / 2