Soporte » Diseño – Temas y plantillas » espacio entre header y texto bloque wp-cover

  • germanv456

    (@germanv456)


    Hola buenas tardes
    En la página de inicio tengo el titulo lidera tu voz, despues 3 menus, conocela, poténciala, libérala, y despues otro menu que dice comencemos con 3 ejercicios, resulta que lo que quiero es que cuando se carga la página en pc me salgan todos los textos y menus en la pantalla principal sin necesidad de hacer scroll, hace unos dias lo conseguí poniendo:

    .site-header{
    	padding:0;
    	
    	
    }

    y me lo hizo, pero no se porque el otro dia vi que todo volvia a estar como antes y para ver los textos tengo que hacer scroll, no se si me falta alguna linea de codigo, que se haya borrado , pero el caso es que lo que antes funcionaba ahora no,
    que tengo que poner para que pueda volver a ver todo el texto de la cabecera sin tener que hacer scroll?
    Gracias
    en moviles se nota un espacio mas grande todavia entre las letras y la cabecera

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

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • kallookoo

    (@kallookoo)

    Hola @germanv456

    Viendo tu web por encima veo que se definen varias propiedades, que añaden esos espacios.
    – Usando javascript se define el alto minimo, eso provoca que todo el contenido ocupe todo el alto de la pantalla en teoria no deberia influir pero se tendria que comprobar.
    – Tienes varias propiedades como el padding (relleno) y margin (margen) en varios elementos provocando el espacio extra que quieres eliminar.

    Tambien veo que no usas el header y la cabecera es una pagina en si, asi que deberas inspeccionar todas las propiedades y cuando crees el CSS todas deberan empezar por #post-34 o .page.class-34 para que solo se aplique en esa pagina, siendo el «34» el id de la pagina que tienes actualmente, te lo comento porque si creases otra pagina ese numero cambiaria y dejaria de funcionar.

    Este codigo seria una posibilidad para eliminar el relleno y margen superior e inferior y ocultar el header al no utilizarse:

    
    .site-header { display: none }
    #post-34 [class^="wp-block"], 
    #post-34 [class^="wp-block"] * {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    

    Partiendo de ese codigo seria conveniente ajustar por si se elimina algun espacio que realmente quisieses.

    Iniciador del debate germanv456

    (@germanv456)

    Hola Kallokoo
    muchas gracias, lo he probado el código pero no me funciona, pero he conseguido subir algun espacio más, tocando el site-header y el entry header y se ven al abrir la pagina inicial conocela, potenciala y liberala pero las letras de comencemos con 3 ejercicios no se ven todavía, no caben en la pantalla de un pc me refiero a resolucion de mas de 1300.

    Saludos

    Hola @germanv456

    Veamos lo que deseas hacer no es un problema del ancho de pantalla, sino del alto.
    No puedes definir tamaños grandes de fuentes para las secciones y querer que salva todo sin hacer scroll, para hacerlo aparte de eliminar cualquier relleno y margen tamtien debes calcular que tamaño de fuente seria la mas apropiada.
    Para que te hagas una idea, estas intentando meter un cuadrado en un circulo siendo el circulo del mismo tamaño.
    Te sugiero que mires themes con esa caracteristica y te olvidas de aprender CSS, ya que parece que o estas aprendiendo o no sabes.
    Saludos

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Debes estar registrado para responder a este debate.