Avisos
Vaciar todo

Colocar imagen de fondo de cabecera  

 
Alvaro
 Alvaro
Usuario experto

Quiero utilizar una imagen como fondo, en vez de un color.
Viendo la imagen se ve mejor.

Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 19/08/2015 5:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Primero agrega un CSS personalizado, revisa :
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Agrega el siguiente código

#rt-header{
	background:url('http://demopackempresa.webempresa.eu/img/300x200') no-repeat center center;
}

Tendrías que cambiar la url por una imagen deseada, en el código verás además no-repat para que la image no se repita y también centrado vertical y horizontalmente con center center

Saludos.

ResponderCitar
Respondido : 19/08/2015 7:13 pm

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

Alvaro
 Alvaro
Usuario experto

He realizado esa operación, pero sigo sin poder ver la imagen...

ResponderCitar
Respondido : 19/08/2015 8:13 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Si bien en tu pantalla aparece no veo que se genere en el html del sitio, mejor hacerlo como te indique colocando un archivo css personalizado

Saludos

ResponderCitar
Respondido : 19/08/2015 8:21 pm

Alvaro
 Alvaro
Usuario experto

He conseguido insertar la imagen.
Ahora mismo es una imagen de prueba, pero parece que la imagen no ocupa todo el ancho de la pagina...
¿hay que editar el código?

ResponderCitar
Respondido : 20/08/2015 2:53 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Puedes cambiar el código por:

#rt-header{ background:url('http://www.frimay.com/wp-content/uploads/drop-1024x576.jpg') no-repeat center center; }
ResponderCitar
Respondido : 20/08/2015 4:23 am

Cursos Gratuitos WordPress

Alvaro
 Alvaro
Usuario experto

He cambiado el código pero sigue apareciendo igual...

ResponderCitar
Respondido : 20/08/2015 10:48 am
Rafael
 Rafael
Miembro Moderator

Buenos días Álvaro,

Prueba con este código:

#rt-header{ background:url('http://www.frimay.com/wp-content/uploads/drop-1024x576.jpg') no-repeat center center;  background-size: cover; }

Utilizando este código veo que ocupa toda la cabecera sin problemas.

Saludos

ResponderCitar
Respondido : 20/08/2015 11:02 am

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

Alvaro
 Alvaro
Usuario experto

Ahora si.
Muchas gracias¡¡

ResponderCitar
Respondido : 20/08/2015 11:05 am
Rafael
 Rafael
Miembro Moderator

¡Hola Álvaro!

Gracias por tu confianza 🙂

Nos alegra que te guste nuestro servicio. 🙂

Nos sería de mucha utilidad que nos dejases tu testimonio, solicitamos testimonios para colocar en nuestra página y ayudar a otros posibles clientes a decidirse por nuestros servicios:

Puedes crear el testimonio aquí: https://www.webempresa.com/testimonios.html?view=form&layout=edit

Si nos quieres enviar tu experiencia con nuestro servicio, la publicaremos en nuestra página con un link hacia tu Web. Nuestro dominio webempresa.com tiene una autoridad alta, así que el link siempre te ayudará en el posicionamiento en buscadores de tu Web.

Si ya lo solicitamos anteriormente y nos lo facilitaste, puedes dejar otro testimonio si tienes otra página que quieras posicionar mejor al tener un link en la nuestra con tu testimonio.

Gracias por publicar tu testimonio y por tus palabras de agradecimiento.

Saludos

ResponderCitar
Respondido : 20/08/2015 11:08 am

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