Hola
Puedes evaluar el siguiente código CSS:
#rt-top-surround{ background-image:url("http://lorempixel.com/400/200/"); } #rt-header, #rt-navigation{ background:tranparent; } #rt-navigation ul{ background:white; }
Cambia la url de la imagen por la que quieras
Puedes agregar este código en un archivo CSS personalizado, revisa :
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
Saludos
no podria cambiarla directamente desde el sitio de la carpeta donde este la parte de ese codigo y sustituirla por otra imagen, dime.
Hola
Ese código no existe, tienes que agrgarlo, puedes evaluar hacerlo en un archivo que ya carga tu theme, sin embargo si vas a seguir haciendo modificaciones mejor mejor agrega el código tal como te indiqué en un nuevo archivo personalizado.
Otra opción para agregar este código (si es poco código especialmente) es desde la configuración del theme, tal como se ve en la imagen adjunta.
Saludos.
gracias jhon buenas respuestas vi en tu primera respuesta el articulo y me sirvio de ayuda pero en el codigo donde pongo la imagen que quiero y donde se supone que la tengo que cargar en alguna carpeta especifica o en el servidor mismo de la administracion de wordpres, digame porfavor mas detallado, lo agradeceria, es decir explicame por pasos primero subo la imagen donde.. luego copio el codigo y lo pego donde, asi si puede ser porfavor mas especifico y mchisimas gracias!!
Hola,
El código lo puedes pegar en el campo que te adjunto Jhon en captura.
La ruta de la imagen dependerá de donde sea depositado el fichero. Puedes depositar la imagen en tu web utilizando el administrador de ficheros de tu cPanel: o el gestor multimedia de WordPress.
En el gestor multimedia de tu WordPress te mostrará la ruta y cambiarlo en el campo:
background-image:url("http://xxxxxxxxx");
Hola buenas puse el codigo que me facilito jhon y lo cambie por mi url pero no se modifica, lo inserte en el mismo campo que decia jhon es decir en la pestaña estilo de mi theme en el campo de añadir css y puse el siguiente codigo :
#rt-top-surround{
background-image:url("https://topdistribuidores.com/wp-content/uploads/sugar_black_rose_5.jpg/");
}
#rt-header, #rt-navigation{
background:tranparent;
}
#rt-navigation ul{
background:white;
}
lo estoy poniendo mal? digame porfavor lo antes posible quiero cambiar por otra imagen no me gusta en el fondo blanco.
Hola
Estas poniendo mal la url, debe ser sin un slash al final, mira la diferencia clickeando en los links:
Contenido solo visible a usuarios registrados
Saludos.
lo he corregido y sigue sin funcionar, podrias revisarlo porfavor y decirme gracias saludos
Hola,
Veo que había un error en el código que te hemos pasado. En lugar de
#rt-header, #rt-navigation{ background:tranparent; }
por esto:
#rt-header, #rt-navigation{ background:transparent; }
Es decir, solo tienes que cambiar tranparent por transparent.
Buenos dias.
Cambie fondo de cabezera blanco por una imagen
con codigo
#rt-top-surround{
background-image:url("http://........");
}
#rt-header, #rt-navigation{
background:transparent;
}
#rt-navigation ul{
background:white;
}
pero en la pagina muestra solo una parte de imagen ( porque es mas grande )
Como puedo ajustar a tamano de pantallas diferentes y que se ve completo
Gracias
Hola
Prueba centrando la imagen, es decir
#rt-top-surround{ background-image:url("http://........"); background-position:center; }
Saludos.
Gracias
Cambie tamaño a 1200 y si funcciono
Pero otra otra problema se desaparesio ( convirtio en blanco menu gorisontal)
Por favor ayuda como puedo areglar
y como puedo poner link a esta imagen de cabesera
Muchas gracias
Hola
Para el menú, puedes probar añadir el siguiente código que te da un fondo
.gf-menu li{ background:green; }
Si vas a seguir haciendo modificaciones CSS puedes evaluar usar un archivo .css personalizado, revisa:
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
Saludos