{"id":11285200,"date":"2019-03-07T10:29:36","date_gmt":"2019-03-07T10:29:36","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=11285200"},"modified":"2026-05-25T06:26:08","modified_gmt":"2026-05-25T06:26:08","slug":"pullquote-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/pullquote-block\/","title":{"rendered":"Pullquote block"},"content":{"rendered":"\n<p class=\"has-text-align-right has-small-font-size wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Go back to the list of <strong>Blocks<\/strong><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to add emphasis to a piece of text in your post or page, the&nbsp;pullquote block&nbsp;can quickly and easily make short snippets look beautiful.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"255\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Pullquote-block-1024x255.jpg\" alt=\"Screenshot of the Pullquote block on the frontend.\" class=\"wp-image-16366736\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Pullquote-block-1024x255.jpg 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Pullquote-block-300x75.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Pullquote-block-768x192.jpg 768w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Pullquote-block.jpg 1195w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Pullquotes are like blockquotes but designed to draw attention.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To add one, click the&nbsp;Block&nbsp;Inserter&nbsp;icon when editing your post or page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also quickly add one by typing&nbsp;<code>\/pullquote<\/code>&nbsp;in a blank&nbsp;paragraph block&nbsp;and then hitting the enter key.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"741\" height=\"264\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-inserter.jpg\" alt=\"Screenshot of Pullquote block appearing in block insterter options when typing \/pull.\" class=\"wp-image-16366737\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-inserter.jpg 741w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-inserter-300x107.jpg 300w\" sizes=\"auto, (max-width: 741px) 100vw, 741px\" \/><\/figure>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><em>Detailed instructions on adding blocks can be found&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">here<\/a>.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br><br>In this video, you can see how you can use the pullquote block and the different settings to modify how your pullquote will appear.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/playground.mp4\"><\/video><figcaption class=\"wp-element-caption\">How pullquote block works<\/figcaption><\/figure>\n\n\n\n<h2 id=\"block-toolbar\" class=\"wp-block-heading\"><br>Block toolbar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In order to reveal the block toolbar, you can click on the block and the toolbar will display. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Every block comes with unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The pullquote block shows five standard buttons:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform to<\/li>\n\n\n\n<li>Moving handles<\/li>\n\n\n\n<li>Change alignment<\/li>\n\n\n\n<li>Text Editing options (bold, italics, add a link, and drop-down for more text editing options)<\/li>\n\n\n\n<li>More options<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1021\" height=\"313\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-toolbar.jpg\" alt=\"Screenshot of Pullquote block&apos;s toolbar, which appears in editor when the block is selected. \" class=\"wp-image-16366738\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-toolbar.jpg 1021w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-toolbar-300x92.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-toolbar-768x235.jpg 768w\" sizes=\"auto, (max-width: 1021px) 100vw, 1021px\" \/><figcaption class=\"wp-element-caption\">The&nbsp;pullquote block has alignment and text formatting options.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Transform to<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"630\" height=\"586\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-transforms.jpg\" alt=\"Screenshot of Transform options for the Pullquote block.\" class=\"wp-image-16366739\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-transforms.jpg 630w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-transforms-300x279.jpg 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><figcaption class=\"wp-element-caption\">The pullquote block can be transformed into other, related blocks.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When you click on the \u201cTransform\u201d button you can convert the pullquote block into another block type, using the existing content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can transform the pullquote block into a \u201cParagraph\u201d block, \u201cGroup\u201d block, \u201cQuote\u201d block, \u201cList\u201d block, or \u201cHeading\u201d block. The \u201cGroup\u201d would give you the ability to change the background color around the Quote.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Block-moving tools<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"314\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-moving-handles-1024x314.jpg\" alt=\"Screenshot of the Pullquote block toolbar with selected button for moving the block up or down.\" class=\"wp-image-16366740\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-moving-handles-1024x314.jpg 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-moving-handles-300x92.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-moving-handles-768x235.jpg 768w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-moving-handles.jpg 1058w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The movement handles are displayed as 2 arrow icons.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The up and down arrow icons can be used to move a block up and down in your document.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/moving-blocks\/\">Get more information about moving a block within the Editor<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Change alignment<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1015\" height=\"459\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-alignment.jpg\" alt=\"Screenshot of available alignment options for the Pullquote block.\" class=\"wp-image-16366741\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-alignment.jpg 1015w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-alignment-300x136.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-alignment-768x347.jpg 768w\" sizes=\"auto, (max-width: 1015px) 100vw, 1015px\" \/><figcaption class=\"wp-element-caption\">Block toolbar with the drop-down for alignment.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can align the&nbsp;pullquote block&nbsp;itself to the left, right, and none (= center) from the toolbar. When using the left or right alignment, you can put another block beside the&nbsp;<em>pullquote block<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The&nbsp;pullquote block&nbsp;also has a Wide and Full width alignment that is useful for creating unique headers and widescreen effects.&nbsp;<em>These two options are only available if your Theme supports these alignments.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Text editing options<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"314\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-text-editing-1024x314.jpg\" alt=\"Screenshot of the Pullquote block&apos;s toolbar with highlighted buttons for editing rich text.\" class=\"wp-image-16366742\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-text-editing-1024x314.jpg 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-text-editing-300x92.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-text-editing-768x235.jpg 768w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-text-editing.jpg 1058w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Bold and italics<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Used quite frequently, bold and italics formatting have their own buttons on the Toolbar. The shortcuts are CTRL+b (or Command+B) for bold and CTRL+i (or Command+i) for italics.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Insert hyperlinks<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the chain link icon to insert a hyperlink to your highlighted text.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/link-editing\/\">Read about more link editing options.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">More rich text options<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The drop-down menu to the left of the&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">More options menu<\/a>&nbsp;contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-text-editing-overview\/\">Read about more rich text editing options.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">More options <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Options menu represented by three vertical dots on the far right of the toolbar gives you more features such as the ability to duplicate or remove the block.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<h2 id=\"block-settings\" class=\"wp-block-heading\">Block settings<\/h2>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-0e47273b wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Every block has specific options in the editor sidebar in addition to the options found in the block toolbar.&nbsp;<em>If you do not see the sidebar, click the cog icon next to the Publish button.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Color<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Like the&nbsp;paragraph block, the&nbsp;pullquote block&nbsp;has color selection settings in the block\u2019s sidebar settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The main color option allows you to set the color of the accent lines on the top and bottom of the&nbsp;Default&nbsp;style and changes the background color of the&nbsp;Solid color&nbsp;style.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The text color option allows you to set the color of the pullquote\u2019s text in both styles.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/colors-settings-overview\/\">Color settings overview<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Background image<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Typography<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The pullqoute provides typography settings to change the font family, appearance, line height, letter spacing, decoration, letter case, and font size. <\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/typography-settings-overview\/\">Typography settings overview<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Border<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The pullqoute block provides border settings options to add border color, width, and radius.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/border-settings-overview\/\">Border settings overview<\/a><\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"272\" height=\"1024\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-settings-272x1024.jpg\" alt=\"Screenshot of the Pullquote block&apos;s settings sidebar.\" class=\"wp-image-16366743\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-settings-272x1024.jpg 272w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-settings-80x300.jpg 80w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-settings-408x1536.jpg 408w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/pullquote-settings.jpg 423w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Pullquote block provides the following Advanced settings options: HTML Anchor, Additional CSS Class(es), and Styles.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/advanced-settings-overview\/\">Learn more about advanced settings<\/a><\/p>\n\n\n\n<div class=\"wp-block-group changelog has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#e0e0e0\">\n<h2 id=\"changelog\" class=\"wp-block-heading has-large-font-size\">Changelog<strong> <\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2026-05-25 (props to @kjoyner @awetz583)\n<ul class=\"wp-block-list\">\n<li>Updated &#8220;Advanced&#8221; section to refer to new overview page<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2025-02-27 (props @milana_cap)\n<ul class=\"wp-block-list\">\n<li>Updated video to 6.9<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2025-02-16 (props @milana_cap)\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/github.com\/WordPress\/Documentation-Issue-Tracker\/issues\/2138\">Overhaul<\/a> for the article.<\/li>\n\n\n\n<li>Updated screenshots to 6.9.<\/li>\n\n\n\n<li>Add ALT texts to all images.<\/li>\n\n\n\n<li>Remove Styles section and screenshots as the new version doesn&#8217;t have it.<\/li>\n\n\n\n<li>Unstyle all bold and italics instances of blocks names.<\/li>\n\n\n\n<li>Edit all headings from title to sentence case.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-08-09\n<ul class=\"wp-block-list\">\n<li>Replaced the link section with short summary linking to new dedicated page.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-06-08\n<ul class=\"wp-block-list\">\n<li>Replaced &#8220;More rich text options&#8221; section with short summary linking to new dedicated page for rich text editing options.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-05-16\n<ul class=\"wp-block-list\">\n<li>Content and screenshots updated for 6.2<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-02-04\n<ul class=\"wp-block-list\">\n<li>All screenshots have been changed for WordPress v5.9<\/li>\n\n\n\n<li>New video tutorial<\/li>\n\n\n\n<li>Modifying the block name in the post to respect a single spelling: &#8220;pullquote&#8221;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-09-28\n<ul class=\"wp-block-list\">\n<li>Updated the block toolbar<\/li>\n\n\n\n<li>Updated the block settings<\/li>\n\n\n\n<li>Updated 5.5 screenshots<\/li>\n\n\n\n<li>Added the changelog<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created 2019-03-07<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Go back to the list of Blocks If you want to add emphasis to a piece of text in your post or page, the&nbsp;pullquote block&nbsp;can quickly and easily make short snippets look beautiful. To add one, click the&nbsp;Block&nbsp;Inserter&nbsp;icon when editing your post or page. You can also quickly add one by typing&nbsp;\/pullquote&nbsp;in a blank&nbsp;paragraph block&nbsp;and [&hellip;]<\/p>\n","protected":false},"author":13243985,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[80,85],"class_list":["post-11285200","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-text-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11285200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=11285200"}],"version-history":[{"count":17,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11285200\/revisions"}],"predecessor-version":[{"id":16368454,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11285200\/revisions\/16368454"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wporg\/v1\/users\/avillegasn"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=11285200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=11285200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}