[Resolved] Resaltar texto con Gutenberg

[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!

[Leo]

Hi there,

Have you tried the WP core code blocks?

[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!

[Leo]

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.

[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!

[Leo]

Should be no problem.

[Author]

Posts