Quotes

Blockquote with default border, icon quote, and speech bubble styles. Supports reverse alignment, citation footer, and optional border/icon color overrides. It is shown in the block inserter as Canvas Quote and registered as canvas-core/quote.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Quotes settings in the block editor sidebar

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Content

  • Quote TextDefaultLorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, maiores esse temporibus accusantium quas soluta.

    The words being quoted. Basic formatting such as emphasis and a link is allowed.

  • Citation / AttributionDefaultEmpty

    Author name and/or company. Leave empty to hide.

  • Citation ClassesDefaultEmpty

    Classes on the citation element, replacing the default blockquote-footer treatment.

  • Bare Citation ElementDefaultOff

    On: the citation renders with no class attribute at all, a plain Name, the way a pull-quote in an article is written. Overrides Citation Classes.

Style

  • Reverse (Right-Aligned)DefaultOff

    Right border and right-aligned text.

    Shown when Style is "Default (Border)"

  • Border ColorDefaultEmpty

    Custom left (or right when reversed) border color. Default style only.

    Shown when Style is "Default (Border)"

  • Icon SizeDefaultEmpty

    Size of the large quotation mark. Leave empty for the size the theme sets.

    Shown when Style is "Quote (Icon)"

  • Icon ColorDefaultEmpty

    Colour of the large quotation mark. Leave empty for the theme colour.

    Shown when Style is "Quote (Icon)"

  • Bubble Color PresetDefaultEmpty

    Fill colour of the speech bubble, taken from the theme palette.

    ChoicesDefault (Grey) (empty)PrimaryDangerSuccessWarningInfoDarkShown when Style is "Speech Bubble"

  • Pointer on LeftDefaultOff

    Move the speech bubble pointer to the left side.

    Shown when Style is "Speech Bubble"

  • StyleDefaultDefault (Border)

    How the quotation is presented: a coloured rule down one side, a large opening quotation mark, or a rounded speech bubble.

    ChoicesDefault (Border)Quote (Icon)Speech Bubble

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Canvas: Alerts, Buttons, Code Highlight, Counters, Dividers, Dropcaps.

Was this page helpful?