Tutorial Divi: Hacer fijo el pié de página (footer)

El otro día me preguntaban en los comentarios cómo hacer que el pié de página de Divi, el footer, se quede fijo abajo, pues tiene la costumbre de que cuando tienes una página con poco contenido se queda como a la mitad, flotante, en vez de estar abajo del todo.

Me refiero a esta horripilancia:

Este feo comportamiento da una sensación bastante lamentable, nada acorde con todo lo que puedes conseguir con Divi, así que vamos a solucionarlo ya mismo.

El problema es que el ID CSS del footer es relativo al contenido, por lo que se adaptará, y si tienes un página como la de arriba (un carrito vacío) con poco contenido, entonces el pié de página estará relativo al contenido, poco en esta caso.

La solución pasa por forzar el CSS para que la posición sea absoluta y se quede en el fondo.

Hacer fijo el footer de Divi en cada página

Si solo tienes el problema en una página, porque el resto tienen suficiente contenido, no hay porque añadir CSS adicional a todo tu sitio.

Solo tienes que abrir la página y abrir sus ajustes, aquí:

Y una vez dentro pegar el CSS personalizado para solucionar el problema aquí:

Y el CSS a añadir es el siguiente:

Hacer fijo el footer de Divi en todas las páginas

Por el contrario, si prefieres aplicar el CSS personalizado para hacer fijo el footer de Divi en todas las páginas entonces abre el Personalizador y añade el CSS a la sección de CSS adicional.

El CSS es el mismo, este:

El resultado

Lo que queremos obtener es, por supuesto, esto:

¡Que lo disfrutes!

Valora este artículo para mejorar la calidad del blog ...

FlojitoNo está malEstá bienMe ha servidoFantástico (7 votos, promedio: 5,00 de 5)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran.

Autor del libro WordPress – La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

LOS BURÓCRATAS DE LA UE ME EXIGEN QUE TE DIGA QUE SI VISITAS AYUDA WORDPRESS PUEDES RECIBIR ALGUNA COOKIE. AQUÍ NO HAY COOKIES DE PUBLICIDAD, COMO LAS QUE SI TE DEJAN GOOGLE, AMAZÓN Y MONTÓN DE SITIOS, SIN AVISAR, PERO EL QUE TE TENGO QUE AVISAR SOY YO. LAS COOKIES QUE TE DEJA AYUDA WORDPRESS SON PARA FACILITARTE LA NAVEGACIÓN, COMPARTIR Y COMENTAR. SI NO QUIERES RECIBIR COOKIES PUEDES NAVEGAR EN MODO PRIVADO, ABANDONAR ESTE SITIO Y PERDERTE EL CONTENIDO GRATIS QUE COMPARTO CADA DÍA SOBRE WORDPRESS O IRTE A UNA ISLA DESIERTA PARA VIVIR AISLADO DEL MUNDO, ESO SÍ, SIN COOKIES. O SINO, SIMPLEMENTE CIERRA ESTA VENTANA COÑAZO Y SIGUE DISFRUTANDO DEL BLOG. SI TIENES CURIOSIDAD SOBRE ESTO DE LAS COOKIES TE DEJO UN ENLACE >> MÁS INFORMACIÓN

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar