cambiar fondo blanco de cabezera por una imagen.  

Página 1 / 2
 
Nestor
 Nestor
Reputable Member

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

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 28/10/2016 3:40 pm
Jhon
 Jhon
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 28/10/2016 8:11 pm

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

Nestor
 Nestor
Reputable Member

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

ResponderCitar
Respondido : 17/11/2016 6:38 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 17/11/2016 8:49 pm

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

Nestor
 Nestor
Reputable Member

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

ResponderCitar
Respondido : 17/11/2016 10:59 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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: https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html 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");
ResponderCitar
Respondido : 18/11/2016 2:49 am

Cursos Gratuitos WordPress

Nestor
 Nestor
Reputable Member

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.

ResponderCitar
Respondido : 23/02/2017 9:53 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 23/02/2017 10:21 pm

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

Nestor
 Nestor
Reputable Member

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

ResponderCitar
Respondido : 24/02/2017 10:18 am
Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 24/02/2017 12:59 pm

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

Ievgen
 Ievgen
Nuevo usuario

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

ResponderCitar
Respondido : 07/06/2017 6:10 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba centrando la imagen, es decir

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

Saludos.

ResponderCitar
Respondido : 07/06/2017 6:33 pm

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

Ievgen
 Ievgen
Nuevo usuario

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

http://puroyorg-cp54.webprestashop.com/

ResponderCitar
Respondido : 08/06/2017 6:10 pm
Ievgen
 Ievgen
Nuevo usuario

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

Gracias

ResponderCitar
Respondido : 08/06/2017 6:46 pm

Cursos Gratuitos WordPress

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

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