/ en /news/2022-04/how-touse-blockquote-style-format-fact-box <span>How to...Use the Blockquote Style to Format a Fact Box</span> <span><span lang="" about="/user/406" typeof="schema:Person" property="schema:name" datatype="" xml:lang="">Kelly Hansen</span></span> <span>Fri, 04/08/2022 - 11:48</span> <div class="layout layout--gmu layout--twocol-section layout--twocol-section--30-70"> <div class="layout__region region-first"> <div data-block-plugin-id="inline_block:call_to_action" data-inline-block-uuid="932bc93a-6a7b-4740-88d9-899eb29bbfe6"> <div class="cta"> <a class="cta__link" href="/news/2021-12/how-embed-image-expressive-image-alt-text"> <h4 class="cta__title">Keep Mason accessible with expressive alt text <i class="fas fa-arrow-circle-right"></i> </h4> <span class="cta__icon"></span> </a> </div> </div> <div data-block-plugin-id="inline_block:news_list" data-inline-block-uuid="96ca0ac1-8faf-4aa5-93a2-00a00f19ed8d" class="block block-layout-builder block-inline-blocknews-list"> <h2>More How tos...</h2> <div class="views-element-container"><div class="view view-news view-id-news view-display-id-block_1 js-view-dom-id-459a9bbde81901916f8973be3d9ce6e2e5604703c3c59c219ee895ffb7405bc5"> <div class="view-content"> <div class="news-list-wrapper"> <ul class="news-list"><li class="news-item"><div class="views-field views-field-title"><span class="field-content"><a href="/news/2021-12/how-embed-image-expressive-image-alt-text" hreflang="en">How to... Embed an Image with Expressive Image Alt Text</a></span></div><div class="views-field views-field-field-publish-date"><div class="field-content">May 9, 2023</div></div></li> <li class="news-item"><div class="views-field views-field-title"><span class="field-content"><a href="/news/2021-11/how-tologin-content-hub" hreflang="en">How to... Login to Content Hub</a></span></div><div class="views-field views-field-field-publish-date"><div class="field-content">May 8, 2023</div></div></li> <li class="news-item"><div class="views-field views-field-title"><span class="field-content"><a href="/news/2022-02/versioning-and-publication-states" hreflang="en">How to… Understand Versioning and Publication States - Draft, Published, and Archive</a></span></div><div class="views-field views-field-field-publish-date"><div class="field-content">May 2, 2023</div></div></li> <li class="news-item"><div class="views-field views-field-title"><span class="field-content"><a href="/news/2021-02/how-toadd-files-blackboard-and-find-web-permalink" hreflang="en">How to... Add Files to Blackboard and Find the Web Permalink</a></span></div><div class="views-field views-field-field-publish-date"><div class="field-content">April 25, 2023</div></div></li> <li class="news-item"><div class="views-field views-field-title"><span class="field-content"><a href="/news/2022-07/how-tocreate-news-item-legacy" hreflang="en">How to...Create a News Item - Legacy</a></span></div><div class="views-field views-field-field-publish-date"><div class="field-content">July 26, 2022</div></div></li> </ul></div> </div> </div> </div> </div> </div> <div class="layout__region region-second"> <div data-block-plugin-id="field_block:node:news_release:body" class="block block-layout-builder block-field-blocknodenews-releasebody"> <div class="field field--name-body field--type-text-with-summary field--label-visually_hidden"> <div class="field__label visually-hidden">Body</div> <div class="field__item"><p><span class="intro-text">Blockquote styling is the unsung, and versatile, hero of a reader-friendly page or news item.</span></p> <p>If you aren’t using the blockquote styling feature to add a visual POP to news items and pages, you should be!  Use the blockquote styler with the attribution line to highlight a compelling quote.  Or, create a fact box, like the one below, by formatting a bulleted list within a blockquote. </p> <figure class="quote"><a href="https://sitemasonry.gmu.edu/news/2022-03/sample-news-item-optimization-tips" title="Tips to Improve News Item Readability">Tips to Improve Readability:</a> <ul><li>List the sizzle and key facts</li> <li>Use concise language, short sentences</li> <li>Break up articles with intro text, headers, fact boxes, and smaller images</li> <li>Place large images and videos at the end</li> </ul></figure><p> </p> <p>Watch the video below shows how to create a fact box in less than 26 seconds using the blockquote style. The same instructions apply to a text block placed on a landing or basic page.</p> <p> </p> <div class="align-center" style="min-width: 50%;"> <div class="field field--name-field-media-video-embed-field field--type-video-embed-field field--label-hidden field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/ZqKB_MxNeOw?autoplay=0&start=0&rel=0"></iframe> </div> </div> </div> <p> </p> <p> </p> <p> </p> </div> </div> </div> <div data-block-plugin-id="field_block:node:news_release:field_content_topics" class="block block-layout-builder block-field-blocknodenews-releasefield-content-topics"> <h2>Topics</h2> <div class="field field--name-field-content-topics field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Topics</div> <div class="field__items"> <div class="field__item"><a href="/taxonomy/term/11526" hreflang="en">Content Hub</a></div> <div class="field__item"><a href="/taxonomy/term/15256" hreflang="en">Content Hub News Items</a></div> <div class="field__item"><a href="/taxonomy/term/14041" hreflang="en">Content Hub Profiles</a></div> <div class="field__item"><a href="/taxonomy/term/17496" hreflang="en">Content Hub Programs</a></div> </div> </div> </div> </div> </div> Fri, 08 Apr 2022 15:48:57 +0000 Kelly Hansen 68446 at