new course
CSS grid landing page tutorial (36min)

Lesson info

Lesson info

Webflow's 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.

In this video, we'll show you how to add and style block quotes, either as one-off unique classes, or by styling the All Blockquotes Tag.

Explore this project

Want to dig into the project featured in this video and see how everything is put together? We've included the full project we used when making this lesson, and we've shared the link right under this very paragraph.

View and clone this projectDownload lesson assets
Clone this projectDownload project assets


Block Quotes. These can be added when we want to bring in a block of text that's quoting another source — an excerpt, for example.

Just like all text-based content, we can double-click to edit, and we can paste in our excerpt.

Now by default, a Block Quote is also styled with both padding and a left border which helps distinguish the block from other paragraphs. And you can override or build upon these styles to create exactly what you're looking to visually achieve.

Just like links, with any Block Quote selected, we can select and style the All Blockquotes tag, changing the default style for block quotes we bring into our project.

That's a Block Quote. Blocks of text that let us add a longer-form quote or excerpt right into our project.