Soporte » Diseño – Temas y plantillas » Problema responsive con el bloque de verso

  • Resuelto itzirun

    (@itzirun)


    ¡Hola a todos/as!

    Tras publicar ayer la entrada resumen de la WCES, me he dado cuenta de que el bloque de verso no se ve bien en otros dispositivos, y no tengo ni idea de cómo arreglarlo.

    ¿Existe alguna posibilidad de convertirlo en responsive? Porque se lee fatal y es un desastre de edición,(corta palabras y deja líneas huérfanas y viudas), y el bloque párrafo no es igual para un texto como el que quiero publicar.

    Gracias de antemano.
    Un saludo,

    Itziar

    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)
  • Moderador Jose Luis

    (@jose64)

    Hola @itzirun

    El bloque de verso tiene esa característica, tú defines los saltos de línea y no se modifican, es decir, tendrías que hacer el tipo de letra más pequeño y aplicar media queries, vamos, que no te vale la pena.

    Como opciones tienes:

    • Usar un bloque preformateado, al igual que el de verso te mantiene los saltos de línea y espaciados pero si es responsive, si tu tema no usa la tipografía que quieres puedes cambiarla usando el css adicional (en las opciones avanzadas del bloque).
    • Si haces el el texto con un bloque de párrafo puedes añadir saltos de línea dentro del mismo bloque usando la combinación de teclas [mayúscula] + [entrar], esta te crea un salto de línea sencillo, si la usas dos veces seguidas su aspecto será el de un salto de párrafo.

    En los dos casos puedes modificar la tipografía usando una clase especial para el bloque.

    Si puedes coméntanos que opción te parece mejor y, por favor, recuerda cerrar el debate marcándolo como resuelto cuando así lo consideres.

    itzirun

    (@itzirun)

    Hola @jose64:

    Gracias por la respuesta. Intentaré hacer el salto de línea con la combinación de teclas que me dices (que ya he visto que hace exactamente lo que necesito) y me rindo con el de verso, aunque me gusta mucho ese bloque para mis textos.

    Gracias mil como siempre.

    Moderador Jose Luis

    (@jose64)

    Hola @itzirun

    Usa el bloque preformateado y añádele la clase it-verso (en los ajustes avanzados del bloque).

    En el CSS personalizado del tema añades lo siguiente:

    .it-verso {
    font-family: monospace;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    }

    Esto lo debes añadir en Escritorio > Apariencia > Personalizar > CSS adicional

    En principio con ese CSS te debe quedar igual que con el bloque de verso

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