GeneratePress styling for standard WordPress Verse block

[Jim]

According to WordPress . . . https://en.support.wordpress.com/wordpress-editor/blocks/verse-block/

“…the verse block lets you add extra spaces between words and line-breaks within the block. The live site will display the spacing just as you typed it. Note that the layout of the verse block on your live site may change according to the styles of the theme you are using.”

In the WP Block editor, I have text in a Verse block that looks like this:

Line 1 flush left
Line 2 indented 5 spaces
Line 3 flush left with 5 spaces in the middle

Underlying HTML looks like:
<pre class=”wp-block-verse”>Line 1 flush left <br> Line 2 indented 5 spaces <br>Line 3 flush left with 5 spaces in the middle

When I save the post, the spacing above is retained. The leading spaces are not stripped out.

But when I view the page, all lines are flush left and there is no spacing in the middle of the third line.

Any ideas?

[David]

Hi there,

this looks like a bug with that block and has been reported here:

https://github.com/WordPress/gutenberg/issues/18857

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jim]

Thanks! Closing as resolved.

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts