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

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

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

Autor: Fernando Tellado

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

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Pin It on Pinterest

Share This