Close Menu

What is a Quote Block? 

A Quote Block is like our other Blocks, but it comes with a special addition – an image field. Displaying a quote next to an image provides users with a holistic view of your website with a captivating visual design. 

Our latest adjustment to the styling makes our Quote Blocks more prominent on the page, featuring a simple and elegant quotation mark on top!  

Simple Quote Settings:

The quote itself has all the same fields as the Small Quote and Large Quote Blocks—you can adjust the Text Size, Background Color, and Headshot in the Block Editor on the right-hand side. 

How to add a Quote Block: 

  1. Click on the + icon to add a new block to your page
  2. Type in “/Quote Blocks” to find the Quote Blocks
  3. Select Quote Blocks

How to add or change the Featured Image?

To set the Featured Image, you can click directly on the image to open up your Media Library and make your selection. 


If you want to change the Featured Image you will follow all those same steps, but first have to hit Remove BG Image in the Block Editor when the child block is selected..

Adding a Headshot: 

To add a Headshot, you can click directly on the headshot icon to open your Media Library and make your selection.

If you  want to change the Headshot you will follow all those same steps, but first have to hit Remove Headshot in the Block Editor when the child block is selected..

NOTE: If you don’t add a headshot, the Name and Title will appear centered underneath the quote on the frontend. So you don’t have to worry about a blank space showing up in your Quote Block. The headshot field is only there if you want to use it, it is not a requirement.

We hope this tutorial helped you understand how our seamlessly awesome Quote Blocks work! Try it out and discover how the perfect blend of an image and a quote can elevate the design and functionality of your website!