Eliminación de espacios en blanco en el header y footer de Wordpress

  • Autor Autor tcTrust
  • Fecha de inicio Fecha de inicio
T

tcTrust

Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola.
Necesito quitar los espacios blancos que aparecen debajo del menu principal en el header y otro antes del footer en todas lás páginas. Adjunto capturas. Estoy trabajando en modo local pero he subido las páginas aquí (https://bankdediseno.fun/) para que veáis. Estoy usando el tema Herald de Meks. Agradezco por vuestro soporte. Saludos.
 

Adjuntos

  • header.webp
    47,5 KB · Visitas: 213
  • footer.webp
    34,7 KB · Visitas: 204
Te recomiendo que trates el caso con el suplidor de tu Theme utilizado.
 
Hola mi estimado, realice unos experimentos desde el navegador, realiza una copia de seguridad por si acaso, pero dudo que falle, te dejo mi solución: debes hacerlo desde la hoja de estilos de tu themes

Cambiar
CSS: 
.entry-header {
    margin-bottom: 25px;
}

a
CSS: 
.entry-header {
margin:0;
}

tambien cambiar
CSS: 
.herald-site-content {
    width: 100%;
    padding: 30px 0 0;
    max-width: 1300px;
}

a
CSS: 
.herald-site-content {
    width: 100%;
    padding: 0;
    max-width: 1300px;
}

Y me dices como te fue, sld.
 
Hola, Darkenix. Muchas gracias por tu respuesta. he realizado los cambios que me aconsejas pero no me ha cambiado nada.
 

Adjuntos

  • css.webp
    30,4 KB · Visitas: 45
tcTrust dijo:
Hola, Darkenix. Muchas gracias por tu respuesta. he realizado los cambios que me aconsejas pero no me ha cambiado nada.
Hacer clic para expandir...
Borraste cache?, prueba desde firefox cuando realices cambios, borra cockies si usas chrome, este navegador es jodido para el desarrollo de diseño, generalmente los cambios aparecen atrasado en chrome, me avisas, ya que desde mi navegador, realice los cambios y me queda como indicas en la imagen.


PD: no veo los cambios realizados, dejo ajustado
 

Adjuntos

  • llalalalla.webp
    134,1 KB · Visitas: 34
  • debiera estar en 0.webp
    144,5 KB · Visitas: 32
  • tambien lo sigo viendo en 25.webp
    141,4 KB · Visitas: 30
  • tambien debiera estar en 0.webp
    127 KB · Visitas: 31
¿Estás usando algún constructor de páginas?
Envíame el link de tu web por MP
 
Esos son los paddings y márgenes que encontré que provocan los espacios, agregalos a tu css y borra el cache de tu wp y navegador para comprobar que funciona.

CSS: 
/* Espacio de Arriba*/
.herald-site-content {
    padding-top: 0 !important;
}
.entry-header {
    margin-bottom: 0 !important;
}
/* Espacio de abajo*/
.herald-section article:last-child {
    margin-bottom: 0 !important;
}
 
Hola a todos!
En principio me ha funcionado el código de Stron

pero observo que algunas páginas se ven perfecto en el header pero en algunas aún queda espacio debajo del menu.
por ejemplo esta página que se ve perfecto: https://bankdediseno.fun/camacho-stand-art-stands-de-exposicion/
y en esta hay espacio blanco: https://bankdediseno.fun/camacho-stand-art-stands-modulares/
AUNQUE EL PRIMER WIDJET DE IMAGEN DE CABECERA TIENE LOS MISMOS AJUSTES.
 
Ya encontré el problema. Se me ha metido el párrafo vacío encima de la imagen principal.
Creo que ya tengo solucionado el tema.
Muchas Gracias a todos.
 
Que bueno que lo hayas solucionado, para eso estamos, suerte en tu proyecto 🙂
 
Hola a todos.
Vuelvo a solicitar vuestro soporte para modificar este código CSS. En principio me funciona pero necesito que el código afecte SÓLO a las páginas de la web y no a los posts, ni categorías, ni meta de blog.
 
tcTrust dijo:
Hola a todos.
Vuelvo a solicitar vuestro soporte para modificar este código CSS. En principio me funciona pero necesito que el código afecte SÓLO a las páginas de la web y no a los posts, ni categorías, ni meta de blog.
Hacer clic para expandir...

Intenta agregando la condición is_page, y poniendo directamente los estilos y NO en styles.css, este codigo lo pegas antes de </body> en cualquier parte.
PHP: 
<?php
    if ( is_page())  {
        echo '<style>.herald-site-content {
            padding-top: 0 !important;
        }
        .entry-header {
            margin-bottom: 0 !important;
        }
        .herald-section article:last-child {
            margin-bottom: 0 !important;
        }</style>';
    }
?>
 
Hola, Stron. Donde tengo que poner este código? En functions.php?
 
Entiendo que el código css anterior lo tendré que borrar
 
Se ve que funciona. Voy a realizar algunas pruebas más. Muchas gracias, Estimado. 😉
 
Me ocurre lo mismo pero no encuentro solucion
 
MrJose dijo:
Me ocurre lo mismo pero no encuentro solucion
Hacer clic para expandir...
En wordpress, lo mas facil es añadir un plugin que permita incluir css adicional, en tal caso no es necesario incluir el !important para sobre escribir esas reglas, ya que el nuevo css se agrega al final de cualquier otro estilo y de manera global en todo el sitio....... o incluso puedes crear tu propio archivo.css y linkearlo al final del head del sitio..... pero siempre que actualices el tema tendras que hacerlo de nuevo...

Si quieres lo mas rapido y facil, busca un plugin de .css y listo... agregas una sola vez (siempre y cuando los id o class, o la estructura del tema no vayan a cambiar en una actualizacion)
 
Hay que estar conectado o registrado para responder aquí.
Menú
Acceder
Registro