[Resolved] Resaltar texto con Gutenberg

Home Forums Support Resaltar texto con Gutenberg

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1284911
    Pedro

    Hola! He creado un nuevo artículo para el blog, en este artículo hay ciertas secciones que me gustaría resaltar.

    Algo como cuando se coloca la etiqueta código en el foro de GeneratePress, así:

    Me gustaría resaltar varios bloques de texto de esta forma

    Sin embargo no sé como puedo hacerlo.

    ¿Podrían ayudarme?

    ¡Gracias!

    #1284997
    Leo
    Staff
    Customer Support

    Hi there,

    Have you tried the WP core code blocks?

    #1285017
    Pedro

    Hola Leo!

    De hecho sí, la cosa es que como el texto es largo, automáticamente divide el texto con una barra de desplazamiento en la parte inferior.

    No me gustaría que esto suceda. ¿Se puede hacer con CSS?

    En caso que no se pueda, se me ocurre usar los bloques de “citas” con una personalización con CSS para estos casos puntuales, ya que no quiero que el texto no sea cursivo y tan grande.

    ¿Puedes ayudarme? ¡Gracias!

    #1285028
    Leo
    Staff
    Customer Support

    Not sure if I understand but perhaps this would help?
    https://generatepress.com/forums/topic/code-blocks-text-doesnt-wrap/#post-1272736

    If not can you link me to an example of what you’d like to achieve?

    Please make sure your question is theme related.

    #1285077
    Pedro

    Hola Leo! Gracias por responder.

    Es exactamente lo que estaba buscando. He creado un bloque preformateado, puse varios párrafos, agregué el CSS.

    ¡Ya no separa el texto ni me coloca una barra de desplazamiento!

    Puedo saber, ¿Este código puede afectar negativamente en algo?

    Me refiero al siguiente CSS:

    pre {
     white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
    }

    Te pregunto es porque la última actualización de ese código fue en el 2012.

    Gracias!

    #1285922
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.