Cambiar fondo por imagen en plantilla Himalia  

Página 1 / 2
 
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

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

Citar
Respondido : 04/09/2017 12:54 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 04/09/2017 6:03 pm

Cursos Gratuitos WordPress

Valeria Cecilia
 Valeria Cecilia
Usuario eminente

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

ResponderCitar
Respondido : 04/09/2017 6:44 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/09/2017 7:07 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Valeria Cecilia
 Valeria Cecilia
Usuario eminente

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

ResponderCitar
Respondido : 05/09/2017 9:09 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Valeria.

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

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 05/09/2017 9:28 am

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

Valeria Cecilia
 Valeria Cecilia
Usuario eminente

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

ResponderCitar
Respondido : 05/09/2017 6:09 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 05/09/2017 6:38 pm

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

Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 05/09/2017 6:39 pm
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

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

ResponderCitar
Respondido : 06/09/2017 9:44 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Valeria.

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

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 06/09/2017 10:07 am
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

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

ResponderCitar
Respondido : 06/09/2017 8:54 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 06/09/2017 10:41 pm
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

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

ResponderCitar
Respondido : 07/09/2017 7:41 am

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

Pepe
 Pepe
Soporte CMS Webempresa 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

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

Por favor Iniciar Sesión o Registro