How to turn your Quote Block into a Quote Bubble

Here is how to upgrade your Blockquote into a speech bubble like the example below

When you are editing within the content box, highlight the text you want to be a quote and click the Quote Icon. This will then move your text over to the right and add a faint grey bar to the left. This lets you know what text is in the quote.

Then, click the Source button to turn your content box into code view.

*Don't worry. You don't need to know or understand code to make this edit as we are just adding a bit of text in.

When in Source mode, you will want to scroll to find the quote section. You will be able to find this as it will start with <blockquote> and then have your quote appearing under this.

Then, all you need to do is change <blockquote> to <blockquote class="speech-bubble">. You can copy this from here and paste it over.

It will then look similar to this.

Click save at the bottom, as this will then style your quote as a speech bubble.