Avisos
Vaciar todo

reducir hueco de foto de cabecera con el editor  

 
Santiago
 Santiago
Usuario activo

El hueco de la foto de cabecera es de 320x80 y mi logo es de 185x80.

A través del editor de wordpres he entrado en funciones del tema y en hoja de estilo y he modificado el ancho de 320 por 185, quedando así:

En hoja de estilo:

.title-area {
background-color: rgba(255, 255, 255, 0.1);
float: left;
padding: 20px 40px;
max-width: 185px;
}

.header-image .title-area {
width: 185px;
padding: 0;
}

y en funciones del tema:

//* Add support for custom header
add_theme_support( 'custom-header', array(
'header-selector' => '.site-title a',
'header-text' => false,
'height' => 80,
'width' => 185,

No hace nada y tanto en el visionado de la web en la cabecera como en el recuadro que aparece en la personalización/imagen de cabecera, sigue con un ancho de 320.

Despues he refrescado, cambiado la foto, alido del programa, apagado el ordenador, actualizada la página y sigue igual.

Si vuelvo a entrar en el editor el cambio sigue vigente pero no hace efecto.

¿Que hago mal?

Gracias de antemano.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 20/01/2017 1:07 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Analizando los estilos CSS que se cargan actualmente en tu web veo que sí se están aplicando los cambios que has aplicado en el logo.

Entiendo que el problema que comentas es que el menú no se ha desplazado a la izquierda. Esto ocurre debido a que la caja del menú tiene su propio ancho que también deberías cambiar.

Localiza el estilo sigiuente:

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 875px;
}

y cámbialo por este otro:

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 1010px;
}
ResponderCitar
Respondido : 20/01/2017 4:36 pm

Cursos Gratuitos WordPress

Santiago
 Santiago
Usuario activo

He hecho lo que me has dicho y nada.

Al principio el ancho del recuadro de la foto era de 320px y el del menu de 740px, entendí que el total era de 1060px.

Por tanto, si yo necesitaba 185px de ancho de la foto la diferencia entre 320-185=135 se la tenía que sumar al ancho del menu, es dedir 740+135=875. ¿por qué ahora dices que ponga 1010px?

Sigue igual.

ResponderCitar
Respondido : 20/01/2017 4:48 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Tal como lo tienes ahora se ve un desplazamiento en la altura, esto debido al texto de la descripción, ver imagen adjunta.

Elimina la descripción ya que esto no se adecua a tu theme correctamente.

Saludos.

ResponderCitar
Respondido : 20/01/2017 8:43 pm

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

Santiago
 Santiago
Usuario activo

El texto de la descripción no tiene que ver, lo he incorporado esta tarde y ya pasaba antes.

Aunque en el texto del editor si que cambia, cuando pinchas en el cuadro del logo y en el del menú el recuadro concéntrico sigue teniendo las dimensiones de origen.

En cambio si veo la página en el móvil el logo y el cuadro coinciden.

No sé si esto puede datos alguna pista.

Al final tendré que adecuar mi logo a los 320x80 y el menú a los 740x80.

ResponderCitar
Respondido : 20/01/2017 9:07 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Santiago.

Esto es lo que veo:

¿ Llegaste a solucionarlo ?

Un saludo

ResponderCitar
Respondido : 21/01/2017 10:51 am

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

Santiago
 Santiago
Usuario activo

Así es como quisiera que saliera, pero yo no lo vea así, te mando fichero con lo que yo veo.

Ahora si que es más misterioso todo.

ResponderCitar
Respondido : 21/01/2017 5:12 pm
Santiago
 Santiago
Usuario activo

Acabo de darme cuenta que en explorer y firefox se ve bien y en cambio en chrome no, que es donde lo he estado viendo hasta ahora.

Esto es más extraño todavía y me preocupa porque chrome es el explorador más usado.

ResponderCitar
Respondido : 21/01/2017 6:29 pm

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Santiago.

Esto es en chrome:

Es posible que lo tengas cargado en la cache del navegador.
.- Prueba a recargar la pagina con la tecla ( F5 ), esto volverá a cargar de nuevo toda la cache.

Un saludo

ResponderCitar
Respondido : 21/01/2017 6:41 pm
Santiago
 Santiago
Usuario activo

Ni una cosa ni la otra.

Al final a la vista de que parecía que yo era el único que no lo veía bien he optado por desinstalar y volver a instalar chrome y "et voilà", ya se ve bien.

Siento las molestias, pero al final se arreglo de la manera menos técnica, a las bravas.

Gracias.

ResponderCitar
Respondido : 21/01/2017 7:16 pm

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Santiago.

Nada, mejor de esa manera 😉
cerramos el tema.

Un saludo

ResponderCitar
Respondido : 21/01/2017 7:31 pm