In this post I’ll explore creating a reusable block which creates green colored justified text. First, create a simple paragraph block of text and use the Advanced/Additional CSS Class feature to mark it with the justify class we created in the previous post.

Making paragraph block justified – NOTE: the original text is different from the next paragraph because I modified it later in this post.

I can change the words in this block by typing over them or adding to them. I must, however, click Save before the changes to my text will appear in this block. Once I click Save I can no longer edit the text. I must click Edit before I can change the name or change the text within the block.

When you click Preview, you should notice the paragraph you’ve marked as justify will show up as green and justified. The next step is to take that paragraph block and save it as a reusable block. Click on the justified block so that you get the menu bar. Click the 3 dots for the submenu. Select “Add to Reusable Blocks”. Give it a title that makes sense and save it.

Create your reusable block
My new block is named Justified Green

Now, you’ll be able to access the saved block using the upper-left menu on your screen. Click the circled plus-sign and scroll down to the Reusable section. Expand the section and click your new reusable block to insert it into your post.

Locating your reusable block

I can change the words in this block by typing over them or adding to them. I must, however, click Save before the changes to my text will appear in this block. Once I click Save I can no longer edit the text. I must click Edit before I can change the name or change the text within the block.

What my block looked like before I clicked the Edit button

You may notice that ALL instances of your reusable block change to match your latest save/update. This is not the best way to force an entire post to be justified. We have, however, discovered a few of the features of reusable blocks.