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
    header.webp
    47,5 KB · Visitas: 211
  • footer.webp
    footer.webp
    34,7 KB · Visitas: 202
Te recomiendo que trates el caso con el suplidor de tu Theme utilizado.
 
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.
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
    css.webp
    30,4 KB · Visitas: 45
Hola, Darkenix. Muchas gracias por tu respuesta. he realizado los cambios que me aconsejas pero no me ha cambiado nada.
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
    llalalalla.webp
    134,1 KB · Visitas: 34
  • debiera estar en 0.webp
    debiera estar en 0.webp
    144,5 KB · Visitas: 32
  • tambien lo sigo viendo en 25.webp
    tambien lo sigo viendo en 25.webp
    141,4 KB · Visitas: 30
  • tambien debiera estar en 0.webp
    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
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;
}

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.
 
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 🙂
 
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.
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.
 
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.

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>';
    }
?>
 
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
 
Me ocurre lo mismo pero no encuentro solucion
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)
 
Atrás
Arriba