Avisos
Vaciar todo

cambiar fondo blanco de cabezera por una imagen.

17 Respuestas
5 Usuarios
0 Reactions
885 Visitas
Respuestas: 338
Reputable Member
Topic starter
 

cambiar fondo blanco de cabezera por una imagen. les e adjuntado una imagen.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 28/10/2016 2:40 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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


 
Respondido : 28/10/2016 7:11 pm
Respuestas: 338
Reputable Member
Topic starter
 

no podria cambiarla directamente desde el sitio de la carpeta donde este la parte de ese codigo y sustituirla por otra imagen, dime.


 
Respondido : 17/11/2016 6:38 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 17/11/2016 8:49 pm
Respuestas: 338
Reputable Member
Topic starter
 

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!!


 
Respondido : 17/11/2016 10:59 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

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");

 
Respondido : 18/11/2016 2:49 am
Respuestas: 338
Reputable Member
Topic starter
 

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.


 
Respondido : 23/02/2017 9:53 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 23/02/2017 10:21 pm
Respuestas: 338
Reputable Member
Topic starter
 

lo he corregido y sigue sin funcionar, podrias revisarlo porfavor y decirme gracias saludos


 
Respondido : 24/02/2017 10:18 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

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.


 
Respondido : 24/02/2017 12:59 pm
Respuestas: 4
New Member
 

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


 
Respondido : 07/06/2017 5:10 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba centrando la imagen, es decir

#rt-top-surround{
background-image:url("http://........");
background-position:center;
}

Saludos.


 
Respondido : 07/06/2017 5:33 pm
Respuestas: 4
New Member
 

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

restashop.com/


 
Respondido : 08/06/2017 5:10 pm
Respuestas: 4
New Member
 

Y por favor ayuda como hacer para quebarra de arriba y menu gorizontal no tapa de cabezera

Gracias


 
Respondido : 08/06/2017 5:46 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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


 
Respondido : 08/06/2017 6:09 pm
Página 1 / 2