Pregunta sobre Twenty Seventeen de Wordpress:

Eliminar espacio en blanco

Un usuario preguntó 👇

POR FAVOR, ayude a alguien a eliminar el espacio en blanco en la parte superior de la página. Probé todo tipo de cosas y copié CSS del contenido resuelto en algunos sitios, y nada parece funcionar. ¿Por qué está ahí? ¿Qué es la «marca del sitio» cuando solo hay una gran brecha de contenido? Busqué esto porque encontré un hilo similar, pero cuando busqué, los resultados para CADA TEMA estaban en el mundo, y no estoy usando este tema, pero necesito publicar mi propio tema. Realmente no puedo entender cómo eliminar esto y el firebug tampoco funciona. jajaja

¡Gracias por cualquier ayuda!

Este tema fue modificado hace 3 años, 1 mes por. Razón: agrega una coma

(@childthemestyles)

Hace 3 años, 1 mes

¿A qué espacio en blanco se refiere exactamente … entre el menú y el contenido principal?

(@starlight_design)

Hace 3 años, 1 mes

No veo una forma de conectarme, así que aquí hay una imagen:
http://toothperfection.com/SS1.png

(@childthemestyles)

Hace 3 años, 1 mes

Ah, la imagen ayudó. Necesita un CSS personalizado para cambiar eso en ambos campos, por lo que en la pestaña CSS personalizado para personalizarlo, pegue esto:

Para el área de encabezado y marca:

@media screen and (min-width: 30em) {
.site-branding {
    padding: 1em 0;
}
}

Puedes adaptar el acolchado a tu gusto. El relleno es el tema de 3em, pero lo hice como 1em.

En cuanto al área temática, esto puede ser un poco más difícil, pero las secuencias de comandos del tema agregan un margen superior dinámico, por lo que debemos implementar un nuevo margen con:

.site-content .wrap {
    margin-top: 40px!important;
}

Hice 40px, pero puedes hacer todo lo que amas.

(@starlight_design)

Hace 3 años, 1 mes

Gracias por su respuesta.

Lo inserté y la portada cambió un poco, pero las otras páginas no.

Todavía hay una gran brecha entre el título del sitio y el menú de la página principal.

(@childthemestyles)

Hace 3 años, 1 mes

Para la marca, asegúrese de tener el código exacto que pegué a continuación en la pestaña Adaptador CSS Extra:

@media screen and (min-width: 30em) {
.site-branding {
    padding: 1em 0;
}
}

Por lo demás, me olvidé del «relleno», así que agrega esto también:

@media screen and (min-width: 48em) {
.site-content {
    padding: 5.5em 0 0;
}
}
.site-content {
    padding: 2.5em 0 0;
}

Los valores de relleno que ve como 5.5em y 2.5em deben cambiarse según sus preferencias. Así que intente cambiar 5.5em a algo así como 2em y cambie el de 2.5em a me gusta 1em

(@starlight_design)

Hace 3 años, 1 mes

Gracias de nuevo. Eso ayudó y las cosas se ven bien, pero todavía hay un gran espacio en blanco justo encima del menú. No estoy seguro de qué lo causa porque el firebug no es compatible con firefox ahora …

(@starlight_design)

Hace 3 años, 1 mes

Hmm, eso parece ser

<div class="custom-header" style="margin-bottom: 72px;">

por alguna razon …

Así que puse esto en mis estilos

.custom-header {
margin-bottom: -52px !important;
padding-bottom: 0px;
}

y eso funcionó. Probé 72 y fue demasiado. ok, entonces extraño este div solo obtén lo que sea. ¡Gracias por tus respuestas y que tengas un gran fin de semana!

~ K.

—————————— Actualización: esto solo funciona en la página de inicio; en las otras páginas, faltan el logotipo, el título y el eslogan porque el menú sube demasiado .

Esta respuesta fue modificada hace 3 años, hace un mes por. Razón: no resuelto

(@starlight_design)

Hace 3 años, 1 mes

ok, esto parece funcionar

.home .custom-header {
margin-bottom: 22px !important;
padding-bottom: 0px;
}

.home div.site-branding {
margin-bottom:  72px !important;
}

div.site-branding {
margin-bottom:  48px !important;
padding-bottom: 0px; !important;
}

¿Solucionó tu problema??

0 / 1

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.