Add a block quote to your page

Add and style a block quote, which lets you use quotations such as excerpts from books or articles in your website.

This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!

The block quote element lets you add and style a quotation, usually from an external source, such as an excerpt from a book or an article.

Webflow Block Quote

Adding a block quote

Just like all text-based content, you can double-click a block quote to edit it, and you can paste in your excerpt. You can also enter text edit mode by selecting the element and pressing enter.


Styling block quotes

By default, a block quote has both padding and a left border, which helps distinguish the block from other paragraphs. You can override or build upon these styles to create exactly what you're looking to achieve visually

All Block Quotes tag

With any block quote selected, you can select and style the All Block Quotes tag. By doing so, you’ll be changing the default style for block quotes across your project.

Clone this project
Try Webflow — it's free

Production for this lesson

Directed by


Produced by


Written by


Article by


Edited by


Designs by


Need more help? Want to report a bug? Contact support
Have feedback on the feature? Submit feature feedback