📣 Seu anúncio aqui? Anuncie no ForoBeta

Eliminação de espaços em branco no header e footer do Wordpress

  • Autor Autor tcTrust
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
T

tcTrust

Beta
Usuário com poucas negociações! Use sempre o saldo do 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.
 

Anexos

  • header.webp
    header.webp
    47,5 KB · Visitas: 234
  • footer.webp
    footer.webp
    34,7 KB · Visitas: 222
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Te recomiendo que trates el caso con el suplidor de tu Theme utilizado.
 
tcTrust disse:
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.
Clique para expandir...
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.
 

Anexos

  • css.webp
    css.webp
    30,4 KB · Visitas: 63
tcTrust disse:
Hola, Darkenix. Muchas gracias por tu respuesta. he realizado los cambios que me aconsejas pero no me ha cambiado nada.
Clique 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
 

Anexos

  • llalalalla.webp
    llalalalla.webp
    134,1 KB · Visitas: 51
  • debiera estar en 0.webp
    debiera estar en 0.webp
    144,5 KB · Visitas: 48
  • tambien lo sigo viendo en 25.webp
    tambien lo sigo viendo en 25.webp
    141,4 KB · Visitas: 47
  • tambien debiera estar en 0.webp
    tambien debiera estar en 0.webp
    127 KB · Visitas: 51
¿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
Stron disse:
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;
}
Clique para expandir...

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.
 
tcTrust disse:
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.
Clique para expandir...
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 🙂
 
Stron disse:
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;
}
Clique para expandir...
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 disse:
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.
Clique 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>';
    }
?>
 
Stron disse:
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>';
    }
?>
Clique para expandir...
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 disse:
Me ocurre lo mismo pero no encuentro solucion
Clique 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)
 
Você precisa estar logado ou cadastrado para responder aqui.
Voltar
Topo