Cómo eliminar el espacio en blanco debajo del pie de página en el sitio de WordPress usando CSS

2 minutos de lectura

tengo mi sitio aquí. Estoy usando un tema WOO de wordpress llamado Canvas. No puedo entender cómo eliminar el espacio en blanco debajo del pie de página.

Esto es un captura de pantalla del problema

P: ¿Cuál es la forma más fácil de eliminar el espacio usando CSS que cumple con los estándares del sitio web?

  • Comentando aquí para que pueda encontrar su pregunta más tarde. ¡He tenido una obra de teatro y también me está confundiendo! 🙁 Pasé por eliminar elementos uno por uno con la esperanza de que uno lo afectara. ¡Qué extraño!

    – Jaime Taylor

    12 de septiembre de 2013 a las 0:09

avatar de usuario
Robar

El espacio adicional es causado por el clearfix en #footer.col-full:after Puedes arreglarlo con overflow:hidden en #footer.

avatar de usuario
behn c

Estaba teniendo un problema en el que el pie de página no se ubicaba correctamente en la parte inferior de mi página.

ingrese la descripción de la imagen aquí

Este es mi primer sitio de WordPress, y puede que no sea la solución “correctamente aceptada” entre los desarrolladores senior, pero para mí todo lo que hice fue una regla CSS de:

body {
   height: 0px !important
}

Para darme este resultado

ingrese la descripción de la imagen aquí

Finalmente lo tengo..

Solo elimina esto:

#footer {
    padding: 10px;
}

ingrese la descripción de la imagen aquí

  • Gracias. Esto respondió a la pregunta. Sin embargo, necesito reducir la altura del pie de página y tener un relleno de 10px.

    – Jed

    12 de septiembre de 2013 a las 0:41

find you code on .footer you code will be like this,

border-bottom: 1px #4C4C4C solid;
background: #333;
color:#999;

reemplace este código con este,

border-bottom: 1px #4C4C4C solid;
background: #333;
color:#999 !important;
overflow: hidden;

esto ayudó a la mía. Espero para ustedes también chicos..

También me ocurrió este error al crear un pie de página de elemento en wordpress donde estaba ejecutando el tema Astra con su personalizador de tema. Ya había puesto un pie de página de texto simple a través de la opción de widget. Luego, decidí que era hora de tener un pie de página personalizado adecuado a través de elementos o bloques de encabezado y pie de página, por lo que una vez que creé este pie de página, generalmente no hay ningún error, pero esta vez había un gran espacio en blanco debajo del pie de página en el sitio de wordpress.

La solución fue ir a la página de pie de página y hacer clic en editar con elementor y luego hacer clic en todas las secciones en mi pie de página y en el diseño en la sección de edición encontrar la opción llamada desbordamiento y luego desde el menú desplegable seleccionar como oculto repetir para todas las secciones en el pie de página y hacer clic en actualizar después de hecho . Y el gran espacio en blanco de la viola se ha ido finalmente 🙂

¿Ha sido útil esta solución?