{"id":5741,"date":"2024-04-14T20:44:30","date_gmt":"2024-04-14T12:44:30","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5741"},"modified":"2024-04-14T20:44:30","modified_gmt":"2024-04-14T12:44:30","slug":"insert-a-block-quotation-into-your-page","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/insert-a-block-quotation-into-your-page\/","title":{"rendered":"Insert a block quotation into your page"},"content":{"rendered":"\n
\n

The Quotation<\/strong> element enables you to include and design an extended format extract to emphasize it from the context of your content. Quotes commonly originate from an external origin, such as a snippet from a publication or an essay.<\/p>\n

Include a Block quote<\/h2>\n

You have the option to transfer a Block quote<\/strong> from the Insert panel<\/strong> to your page or to the Navigator<\/strong> just like any other component.<\/p>\n

\n
<\/div>\n<\/figure>\n

Similar to all text-based content, you may double-tap a Block quote<\/strong> for modifying it, and insert your text quote. You could also switch to text editing mode by highlighting the element and pressing Enter<\/strong>.<\/p>\n

\n
<\/div>\n<\/figure>\n

Customize a Block quote<\/h2>\n

By default, a Block quote<\/strong> comes with both margin space and a left boundary, aiding in differentiating the quote from other texts.<\/p>\n

\n
<\/div>
The Block quote<\/strong> includes pre-defined margin and border styles that you can adjust to match your design.<\/figcaption><\/figure>\n

You are able to supersede or expand upon the pre-set styles to achieve your desired appearance.<\/p>\n

Important:<\/strong> To ensure accessibility, it is crucial to reserve Block quotes<\/strong> solely for quoting text and not as ornamental components in your design. This approach helps screen reader users navigate between Block quotes<\/strong> seamlessly without misinterpreting a Block quote<\/strong> added for aesthetic motives.<\/p><\/blockquote>\n

Utilize the All Block quotes label<\/h2>\n

You can alter the default appearance of all Block quotes<\/strong> throughout your project using the All Block quotes tag<\/strong>:<\/p>\n

    \n
  1. Pick any Block quote <\/strong><\/li>\n
  2. Enter the Selector field<\/strong> in the Style panel<\/strong><\/li>\n
  3. Select All Block quotes<\/strong> from the HTML Tag <\/strong>menu<\/li>\n
  4. Commence styling<\/li>\n<\/ol>\n
    \n
    <\/div>\n<\/figure>\n

    Explore more about customizing HTML tags.<\/a><\/p>\n

    <\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Add and style a Block quote, which lets you use quotations in your website, such as excerpts from books or articles.","protected":false},"author":2,"featured_media":5742,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[290],"tags":[],"class_list":{"0":"post-5741","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-elements","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/5741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=5741"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/5741\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5742"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=5741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=5741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=5741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}