Avisos
Vaciar todo

No puedo poner una imagen en la cabecera donde va el logo

8 Respuestas
4 Usuarios
0 Reactions
2,711 Visitas
Respuestas: 560
Honorable Member
Topic starter
 

Buenas, quiero poner una imagen de fondo donde va el logo, he consultado el foro y he seguido los pasos que explicais a otro miembro del foro con el siguiente codigo
#rt-header {
background-image:url("../images/fondo.jpg");
background-repeat:no-repeat;
}

No logro ponerlo.
Mi plantilla es Epimeteo de Wordpress, he creado un css con ese codigo y nada. Adjunto al imagen que quiero poner de fondo que ocupe toda la banda donde va el logo.
Actualmente tengo estos codigos en el archivo css
body{
background: #222222;
}
#gk-header{
background: #sfondo.gif;
}
#rt-top-surround {
background: none repeat scroll 0 0 #ffffff;
color: #sfondo.gif;
}
#rt-top-surround #rt-top {
background: none repeat scroll 0 0 #222222;
color: #fff;
}
Aunque cambie los colores por la imagen que quiero poner, no lo consigo.
Gracias de antemano

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 27/09/2014 8:45 am
Lorena
Respuestas: 1698
Noble Member Moderator
 

Hola Antonio,

Veo que tiene la web cerrada por mantenimiento. Necesitaríamos poder verla para analizar el código y ver dónde está el problema.

Un saludo.


 
Respondido : 27/09/2014 12:04 pm
Respuestas: 560
Honorable Member
Topic starter
 

Buenas de nuevo, desde ayer noche que no puedo conectarme a vuestro servidor, no puedo entrar en cPanel ni se me abre la web, ni webmail, ni puedo administrar la web para quitar el mantenimiento para que podais darme alguna solucion. Sin embargo si puedo entrar al foro.
No se donde está el problema
Saludos


 
Respondido : 27/09/2014 2:20 pm
Respuestas: 560
Honorable Member
Topic starter
 

Ya puedo acceder a la web, acabo de desactivar el modulo de web en construccion para que puedan revisar mi web y si pueden explicarme como puedo poner la imagen de fondo en el espacio de la cabecera donde va el logo
Gracias


 
Respondido : 27/09/2014 5:14 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Veo que tienes un logo que ocupa todo el ancho de tu web, esto puede traerte problemas, por ejemplo para el modo responsive, elimna el código que has colocado, será mejor definas un logo de menor tamaño y luego usar una imagen de fondo

Para poner la imagen de fondo puedes usar el siguiente c ódigo, evidentemente debes cambiar la ruta que he puesto ya que esta hace referencia a la imagen que has subido al foro y lo correcto es que hagas referencia a través de una url relativa a tu sitio web.

#rt-top-surround #rt-top{
	background-image:url("https://www.webempresa.com/media/kunena/attachments/6170/Trama-de-fondo.png");
}

Para agregar este código puedes hacerl oen el archivo CSS personalizado , revisa:
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Saludos.


 
Respondido : 28/09/2014 4:38 pm
Respuestas: 560
Honorable Member
Topic starter
 

Buenas de nuevo,
en primer lugar te pido disculpas por mi torpeza, pero no logro hacer bien lo que me indicas en las instrucciones.
He mirado el enlace, he intentado pot todos los medios que tengo y nada. Creo que la ruta no la pongo bien.
El codigo que he incluido en el archivo epimeteo_wp-custom.css que he creado, es el siguiente
body{
background: #ffffff;
}

#rt-top-surround #rt-top{
background-image:url("/home2/freeslee/public_html/wp-content/themes/epimeteo_wp/css/Trama-de-fondo.png");
}

He subido el archivo png que es la imagen que quiero de fondo en la carpeta css, el mismo directorio que el archivo epimeteo_wp-custom.css
el logo que aparece en la web esta en la carpeta images.
A ver si detecta donde estoy cometiendo el error.
Gracias


 
Respondido : 28/09/2014 7:24 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

No has puesto bien la ruta hacia la imagen. Cambie el código que has puesto

#rt-top-surround #rt-top{
background-image:url("/home2/freeslee/public_html/wp-content/themes/epimeteo_wp/css/Trama-de-fondo.png");
}

por este otro:

#rt-top-surround #rt-top{
background-image:url("Trama-de-fondo.png");
}

Así sí te debería cargar la imagen.


 
Respondido : 29/09/2014 2:21 pm
Respuestas: 560
Honorable Member
Topic starter
 

Muchas gracias, me imaginaba que no ponia bien la ruta por falta de conocimientos.


 
Respondido : 29/09/2014 2:47 pm