Como eliminar el espacio en mi header y footer

Resuelto lizjlope
(@lizjlope)

hace 2 años, 3 meses

Saludos, estoy diseñando la pagina f4l.fit pero no logro eliminar el espacio en blanco debajo de mi menú, estoy usando la plantilla twenty-twenty one y elementor para editar.
Agradecería vuestra ayuda.

La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)

Moderador almendron
(@almendron)

hace 2 años, 3 meses
El problema es que has definido varios «padding-bottom»:
```
.site-header {
	padding-bottom: calc(3 * var(--global--spacing-vertical));
}

.site-header, .site-main, .widget-area, .site-footer {
	padding-top: var(--global--spacing-vertical);
	padding-bottom: var(--global--spacing-vertical);
	margin-left: auto;
	margin-right: auto;
}

.site-header {
	padding-top: calc(0.75 * var(--global--spacing-vertical));
	padding-bottom: calc(2 * var(--global--spacing-vertical));
}
```
Prueba a añadir en Apariencia > Personalizar > CSS adicional:
```
.site-header {
	padding-bottom: 0 !important;
}
```
- Esta respuesta fue modificada hace 2 años, 3 meses por almendron.
Iniciador del debate lizjlope
(@lizjlope)

hace 2 años, 3 meses

Muchas gracias, lo he intentado, pero el problema persiste.

Moderador almendron
(@almendron)

hace 2 años, 3 meses

Debería funcionar ya que lo he aplicado con el inspector y funciona perfectamente.

¿Dónde has añadido el código y qué has añadido?

Iniciador del debate lizjlope
(@lizjlope)

hace 2 años, 3 meses

Muchas gracias, ya lo pude solucionar, necesitaba borrar el caché,
me puedes ayudar con el footer, intente colocar
.site-footer {
padding-top: 0 !important;
}
pero no funcionó.
Gracias de antemano
Moderador almendron
(@almendron)

hace 2 años, 3 meses
Es que no es en el footer donde te queda ese espacio sino en un área de widgetgs
```
.widget-area {
	margin-top: -50px !important;
}
```
Debes tener en cuenta que estas son soluciones parciales y que el sitio de puede ver afecto por estas adiciones dependiendo del dispositivo.

Deberías revisar la plantilla y corregir en ella estos problemas.
Iniciador del debate lizjlope
(@lizjlope)

hace 2 años, 3 meses

Hola, gracias, efectivamente voy probando en diferentes sistemas y diferentes dispositivos, pero no me funciona esta linea ver aqui imagen

Moderador almendron
(@almendron)

hace 2 años, 3 meses

Carga la hoja de estilos original del tema que estés usando que es la que menos problemas te dará.

Iniciador del debate lizjlope
(@lizjlope)

hace 2 años, 3 meses

Lo he cambiado en el archivero de cpanel, pero aun me aparece el espacio en blanco en la parte inferior de la página

Moderador almendron
(@almendron)

hace 2 años, 3 meses

Por lo que veo, ya lo has solucionado. La veo mucho mejor con la nueva plantilla.

Iniciador del debate lizjlope
(@lizjlope)

hace 2 años, 3 meses

Si muchas gracias, me costo que se cayera la pagina una vez haha, pero ya esta mucho mejor, muchas gracias por tu ayuda.

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)

El debate ‘Como eliminar el espacio en mi header y footer’ está cerrado a nuevas respuestas.

Como eliminar el espacio en mi header y footer

Etiquetas del debate

Vistas