Pregunta sobre Twenty Sixteen de Wordpress:

Reducir el espacio en blanco entre el menú superior y la imagen del encabezado

Un usuario preguntó 👇

Hola,

Estaba buscando ayuda para reducir el espacio en blanco entre el menú superior y la imagen de los encabezados en mi sitio.

Agradeceríamos cualquier ayuda.

Saludos, Chris

Este tema fue modificado hace 3 años, 3 meses por.

(@nahtee)

Hace 3 años, 3 meses

Agregue esto al CSS adicional en el personalizador:

#masthead {
padding-bottom: 12px !important;
}

Hacer el ?? ajusta px hasta que encuentres lo que buscas. ¿Quizás cambiar el 12px a 8px? Cuanto menor sea el número, menor será el espacio en blanco.

Buena suerte.

(@nahtee)

Hace 3 años, 3 meses

Si desea realizar otros cambios utilizando CSS, consulte esta página …
Veinte dieciséis modificaciones del tema de WordPress (2016): Cambie colores, títulos, metas, barra lateral, fuentes, encabezado, pie de página, menús, etc.usando CSS.

(@ piñón10)

Hace 3 años, 3 meses

Hola nahtee. Gracias por su respuesta.

Actualmente tengo esto en el estilo del tema de mi hijo:

#masthead {pad-top: 0px! importante; fondo acolchado: 2px! importante; }

Cuando cambio la parte inferior de un relleno, cambia el espacio entre la imagen del encabezado y el título de la publicación, no el espacio entre el menú superior y la imagen del encabezado.

¿Hay algo más que pueda probar?

(@subrataemfluence)

Hace 3 años, 3 meses

¿Puedes probar esto?

Vaya a Apariencia> Personalizar> CSS adicional y agregue el siguiente código CSS

.site-header-menu, .header-image {
    margin-top: .75em;
    margin-bottom: 0;
}

.header-image {
    margin-top: .75em;
    margin-bottom: 0;
}

Déjeme saber si esto ayuda.

(@ piñón10)

Hace 3 años, 3 meses

¡Gracias! Ahora se ve bien en una computadora de escritorio.

Sin embargo, cuando miro mi sitio en una tableta, todavía hay mucho espacio en blanco. ¿Cómo puedo solucionar esto?

(@subrataemfluence)

Hace 3 años, 3 meses

En ese caso, debe modificar el bloque de consulta de medios. Para hacerlo, agregue lo siguiente yendo a CSS Extra.

@media screen and (min-width: 44.375em){
   .site-header-menu {
       margin: 0;
   }
   .site-header {
       padding: 1em;
   }
}

920px: https://prnt.sc/gevqsn
960 px: https://prnt.sc/gevr4p

(@ piñón10)

Hace 3 años, 3 meses

Gracias por su respuesta.

Intenté agregar el código, pero no cambió el aspecto de la tableta (solo parecía arruinar la vista del escritorio).

¿Algo más que pueda probar?

(@ piñón10)

Hace 3 años, 2 meses

¿Alguna posibilidad de que alguien pueda ayudar?

¿Cómo reduzco el espacio en blanco entre la parte superior de la página a un menú y entre la imagen del encabezado y el título de la primera publicación (para dispositivos móviles)?

Agradeceríamos cualquier ayuda.

Esta respuesta fue modificada hace 3 años, 2 meses por.

(@ Innov7272)

Hace 3 años, 1 mes

Hola, ayúdame a reducir el espacio en blanco arriba y debajo del título de la página (logotipo) entre el menú superior. Actualmente estoy usando el código, pero #masthead {padding-top: 12px funcionó. Importante; } #masthead {padding-bottom: 1px! importante; }

(@ wperry31)

Hace 2 años, 10 meses

Quiero mover la imagen hacia arriba en mi sitio temático de 2016 (www.buttkickingbbq.com). Mi experiencia con WordPress es muy limitada. ¡Qué oso!

Siguiendo los comentarios sobre “es muy útil terminar con el relleno”. Estoy a medio paso de contratarlo. Los comentarios del principiante sobre la edición de código CSS no serán comprensibles.

¿Alguna sugerencia además de saltar en una curva de aprendizaje?

Gracias,

Cuenta

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *