Add a block quote to your page

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

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

The Block quote element lets you add and style a longer form quotation to make it stand out from the rest of your text. Quotations typically come from an external source, such as an excerpt from a book or an article.

Add a Block quote

You can drag a Block quote from the Add panel into your page or into the Navigator just like any other element.

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

Style a Block quote

By default, a Block quote comes styled with both padding and a left border, which helps distinguish the quote from other paragraphs. 

The Block quote comes with default padding and border styles that you can update to suit your design.

You can override or build upon the default styles to create the exact look you want to achieve.

Note: From an accessibility standpoint, it’s important to use Block quotes for quotations only, and not as decorative elements in your design. This allows screen reader users to easily jump between Block quotes and not be confused by a Block quote solely in place for aesthetic purposes.

Use the All Block quotes tag

You can change the default style of all Block quotes across your project using the All Block quotes tag:

  1. Select any Block quote 
  2. Click into the Selector field in the Style panel
  3. Choose All Block quotes from the HTML Tag menu
  4. Style away

Read more about styling HTML tags.


Table of contents

Continue learning

Hmm…we couldn’t find any results for “search query”. Try a different search term or check out our community forum.

Search the forumReset the filter
Load more

Filter

Reset
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Topics
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Back to top